diff --git a/app.vue b/app.vue
index a495b75..26d4d7b 100644
--- a/app.vue
+++ b/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
-    <NuxtWelcome />
+  <div data-theme="cupcake">
+    <button class="btn">test</button>
   </div>
 </template>
diff --git a/assets/css/main.css b/assets/css/main.css
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/assets/css/main.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/bun.lockb b/bun.lockb
index b8d75e2..5512ab6 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 8851e77..8056dde 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,4 +1,11 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  devtools: { enabled: true }
-})
+  devtools: { enabled: true },
+  css: ["~/assets/css/main.css"],
+  postcss: {
+    plugins: {
+      tailwindcss: {},
+      autoprefixer: {},
+    },
+  },
+});
diff --git a/package.json b/package.json
index 099c689..20fe623 100644
--- a/package.json
+++ b/package.json
@@ -13,5 +13,12 @@
     "nuxt": "^3.11.2",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/typography": "^0.5.13",
+    "autoprefixer": "^10.4.19",
+    "daisyui": "^4.10.2",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3"
   }
 }
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..5d86905
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,18 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./components/**/*.{js,vue,ts}",
+    "./layouts/**/*.vue",
+    "./pages/**/*.vue",
+    "./plugins/**/*.{js,ts}",
+    "./app.vue",
+    "./error.vue",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [require("daisyui")],
+  daisyui: {
+    themes: ["cupcake"],
+  },
+};