diff --git a/web/next_gen_ui_demo b/web/next_gen_ui_demo
new file mode 120000
index 000000000..6d470ed8f
--- /dev/null
+++ b/web/next_gen_ui_demo
@@ -0,0 +1 @@
+../next_gen_ui_demo
\ No newline at end of file
diff --git a/web/samples_index/lib/src/samples.yaml b/web/samples_index/lib/src/samples.yaml
index 7bd9d9d36..c22d4ff86 100644
--- a/web/samples_index/lib/src/samples.yaml
+++ b/web/samples_index/lib/src/samples.yaml
@@ -653,3 +653,19 @@ samples:
     web: https://flutter-angular.web.app/
     type: sample
 
+  - name: Next Gen UI demo
+    author: Flutter
+    screenshots:
+      - url: images/next_gen_ui_demo.png
+        alt: Next Gen UI demo screenshot
+    source: https://github.com/flutter/samples/tree/main/next_gen_ui_demo
+    description: A sample version of the Next Generation UI codelab for demoing at I/O Connect
+    difficulty: advanced
+    packages: 
+      - flutter_animate
+    platforms:
+      - Windows, macOS, Linux, web, Android, iOS
+    links:
+      - https://codelabs.developers.google.com/codelabs/flutter-next-gen-uis
+    type: sample
+    web: web/next_gen_ui_demo
diff --git a/web/samples_index/web/images/next_gen_ui_demo.png b/web/samples_index/web/images/next_gen_ui_demo.png
new file mode 100644
index 000000000..d6269cf1e
Binary files /dev/null and b/web/samples_index/web/images/next_gen_ui_demo.png differ