What is this?
daisyUI is a free, open-source component library for Tailwind CSS — the most popular one, currently at version 5. It adds ready-made UI component classes on top of Tailwind's utility classes.
daisyUI is a free, open-source component library for Tailwind CSS — the most popular one, currently at version 5. It adds ready-made UI component classes on top of Tailwind's utility classes.Is it a framework, or just CSS classes I use with Tailwind?It's a component library, not a framework: you use daisyUI class names in your HTML alongside Tailwind's utility classes. The current major version is daisyUI 5.
It's a component library, not a framework: you use daisyUI class names in your HTML alongside Tailwind's utility classes. The current major version is daisyUI 5.How do I add it to my project?Install it from npm with 'npm i -D daisyui@latest', then load it as a Tailwind plugin in your CSS file; the README links to the official step-by-step guide.
Install it from npm with 'npm i -D daisyui@latest', then load it as a Tailwind plugin in your CSS file; the README links to the official step-by-step guide.Do I need Tailwind CSS in place first?Yes — daisyUI is built as a component library for Tailwind CSS, and version 5 requires Tailwind CSS 4. After that it's just CSS class names in your markup.
Yes — daisyUI is built as a component library for Tailwind CSS, and version 5 requires Tailwind CSS 4. After that it's just CSS class names in your markup.Does it matter if I use React, Vue, Svelte or plain HTML?No — daisyUI ships CSS class names rather than framework components, so it works in plain HTML or with any front-end framework, wherever Tailwind CSS works.
No — daisyUI ships CSS class names rather than framework components, so it works in plain HTML or with any front-end framework, wherever Tailwind CSS works.Where can I browse all the components?The README links straight to a 'See all components' gallery on the official website, next to the docs and the getting-started guide.
The README links straight to a 'See all components' gallery on the official website, next to the docs and the getting-started guide.Can I try it before wiring it into a project?Yes — the repo ships a playground package: 'bun run play' builds the library and starts a local dev playground for experimenting.
Yes — the repo ships a playground package: 'bun run play' builds the library and starts a local dev playground for experimenting.Is it really free, including commercial use?Yes — it is MIT-licensed open source, free for personal and commercial projects, with development backed by sponsors on Open Collective.
Yes — it is MIT-licensed open source, free for personal and commercial projects, with development backed by sponsors on Open Collective.Is the project actively maintained?Yes — public development started in November 2020, the repo has around 42,500 stars, is not archived, and releases and docs deploy through automated CI.
Yes — public development started in November 2020, the repo has around 42,500 stars, is not archived, and releases and docs deploy through automated CI.What are similar projects?TW-Elements, hyperui, oat, mdb-ui-kit, chakra-ui, galaxy, arc-library, tamagui
TW-Elements, hyperui, oat, mdb-ui-kit, chakra-ui, galaxy, arc-library, tamaguiWhich topics is it in?tailwind-css, postcss, tailwind, component, ui-framework, design-systems, css-framework, front-end, ui-kit, ui-design, components, svelte
tailwind-css, postcss, tailwind, component, ui-framework, design-systems, css-framework, front-end, ui-kit, ui-design, components, svelte