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

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.
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
daisyUI store

Official daisyUI
Figma Library

Available on daisyUI store

More details