diff --git a/package.json b/package.json
index 047d4fa5..a7589c15 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "build": "nuxt-module-build",
     "prepack": "pnpm build",
     "dev": "nuxi dev docs",
+    "play": "nuxi dev playground",
     "build:docs": "nuxi generate docs",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
diff --git a/playground/app.vue b/playground/app.vue
new file mode 100644
index 00000000..febbc240
--- /dev/null
+++ b/playground/app.vue
@@ -0,0 +1,7 @@
+<template>
+  <UContainer class="min-h-screen flex items-center">
+    <UCard class="flex-1 text-center">
+      Welcome to the playground!
+    </UCard>
+  </UContainer>
+</template>
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
new file mode 100644
index 00000000..aecaf090
--- /dev/null
+++ b/playground/nuxt.config.ts
@@ -0,0 +1,7 @@
+import module from '../src/module'
+
+export default defineNuxtConfig({
+  modules: [
+    module
+  ]
+})
diff --git a/playground/tsconfig.json b/playground/tsconfig.json
new file mode 100644
index 00000000..4b34df15
--- /dev/null
+++ b/playground/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "./.nuxt/tsconfig.json"
+}