Install daisyUI as a Tailwind 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@latestdeno i -D npm:daisyui@latest2. Add daisyUI to app.css:
@import "tailwindcss";
@plugin "daisyui";Framework install tutorials
See example setup of daisyUI and Tailwind CSS on different frameworks and build tools.Vite
Tailwind CSS CLI
Tailwind CSS Standalone without Node
Post CSS
SvelteKit
Astro
React
Laravel
Rails
Next.js
Vue
Nuxt
Solid
Solid Start
Qwik
Vike
HTMX
WordPress
Bun dev server
Angular
Rsbuild
React Router
Do you have a question? Ask on GitHub or Discord server
Do you see a bug? open an issue on GitHub
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective
