Install daisyUI as a Tailwind CSS plugin
How to install daisyUI as a Tailwind CSS plugin?
You need Node.js and Tailwind CSS installed.1. Install daisyUI as a Node package:
npm i -D daisyui@alphapnpm add -D daisyui@alphayarn add -D daisyui@alphabun add -D daisyui@alpha2. Add daisyUI to tailwind.config.js:
@import "tailwindcss";
@plugin "daisyui";daisyUI example repositories
See example setup of daisyUI and Tailwind CSS on different frameworks and build tools.
Next.js
SvelteKit
Nuxt 3
Astro
Vue.js 3
Solid.js
Qwik
Remix
Angular
Preact
Lit
Vite
Svelte (Vite)
React (Vite)
React (Webpack)
Refine
PostCSS
11ty
Elm
CDN (Tailwind)
WordPress (Gust)
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
