daisyUI v5.6 is now available!

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@latest
pnpm add -D daisyui@latest
yarn add -D daisyui@latest
bun add -D daisyui@latest
deno i -D npm:daisyui@latest

2. 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
file_type_vue
file_type_vue
file_type_vue
Vue
Nuxt
Elixir Phoenix
Django
Electron
Angular
Solid
Solid Start
Qwik
HTMX
WordPress
Bun dev server
Rsbuild
Vike
React Router
Elysia
Deno Fresh
Lit
UnoCSS
Eleventy
Waku
Zola
Ember
Preact
Dioxus
Yew

Agent skill and MCP servers

Use daisyUI skill and MCP servers to generate daisyUI code with AI.

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
BLUEPRINT

Official daisyUI
Code Generator
MCP server

Generate daisyUI code with any LLM

More details
Please upgrade your browser