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

npm i -D daisyui@latest

PNPM

pnpm add -D daisyui@latest

Yarn

yarn add -D daisyui@latest

Bun

bun add -D daisyui@latest

Deno

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

Agent skill and MCP servers

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

Prev Introduction

Next CDN

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

Edit this page on GitHub

Text version for AI prompts

BLUEPRINT

Official daisyUI
Code Generator
MCP server

Generate daisyUI code with any LLM

More details

Install daisyUI as a Tailwind plugin

Framework install tutorials

Agent skill and MCP servers

Official daisyUI Code Generator MCP server

Generate daisyUI code with any LLM

Official daisyUI
Code Generator
MCP server