diff --git a/docs/content/1.getting-started/2.installation/1.nuxt.md b/docs/content/1.getting-started/2.installation/1.nuxt.md
index feded5cd..96782951 100644
--- a/docs/content/1.getting-started/2.installation/1.nuxt.md
+++ b/docs/content/1.getting-started/2.installation/1.nuxt.md
@@ -3,6 +3,10 @@ title: Installation
 description: 'Learn how to install and configure Nuxt UI in your Nuxt application.'
 framework: nuxt
 module: ui
+links:
+  - label: Playground
+    to: https://codesandbox.io/p/devbox/nuxt-ui3-n3sxks
+    icon: i-lucide-codesandbox
 ---
 
 ::callout{to="/getting-started/installation/vue" icon="i-logos-vue" class="hidden"}
diff --git a/docs/content/1.getting-started/2.installation/2.vue.md b/docs/content/1.getting-started/2.installation/2.vue.md
index d5c74fb9..22af7466 100644
--- a/docs/content/1.getting-started/2.installation/2.vue.md
+++ b/docs/content/1.getting-started/2.installation/2.vue.md
@@ -3,6 +3,10 @@ title: Installation
 description: 'Learn how to install and configure Nuxt UI in your Vue application.'
 framework: vue
 module: ui
+links:
+  - label: Playground
+    to: https://codesandbox.io/p/devbox/nuxt-ui3-vue-4h5gqn
+    icon: i-lucide-codesandbox
 ---
 
 ::callout{to="/getting-started/installation/nuxt" icon="i-logos-nuxt-icon" class="hidden"}