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@latestpnpm add -D daisyui@latestyarn add -D daisyui@latestbun add -D daisyui@latest2. Add daisyUI to tailwind.config.js:
module.exports = {
//...
plugins: [
require('daisyui'),
],
}import daisyui from "daisyui"
module.exports = {
//...
plugins: [
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
