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@latest

pnpm add -D daisyui@latest

yarn add -D daisyui@latest

bun add -D daisyui@latest

2. 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.

Do you have a question? ask the community

Do you like daisyUI? tweet about it!

Support daisyUI's development: Open Collective