daisyui
daisyUI is a component library for Tailwind CSS that adds semantic class names (like btn, card, modal) and themeable components on top of Tailwind's utility classes, reducing markup verbosity while staying framework-agnostic.
Embed badge
[](https://opensources.dev/resource/daisyui)MITPermissive — free to use in commercial and proprietary software, with attribution.View license →
Production readiness
4/5- Actively maintainedCommits in the last 6 months
- No known vulnerabilitiesNot yet scanned
- Clear, usable licenseMIT (permissive)
- Proven adoptionWidely used
- Has documentationDocumentation indexed
npm install daisyuiOur analysis
A Tailwind CSS plugin that provides pre-styled, themeable semantic component classes (buttons, cards, modals, etc.) so you can build UIs with short class names instead of long utility chains. It is pure CSS and works with any framework.
When to use daisyui
Use it when you already use Tailwind and want ready-made, consistent component styling with built-in theming/dark mode, without committing to a JS-framework-specific component kit. Great for rapid prototyping and projects spanning multiple frameworks (React, Vue, Svelte, plain HTML).
When not to
If you need fully accessible, behavior-rich headless components (focus management, ARIA wiring, keyboard handling) or copy-paste components you fully own and customize at the source level, libraries like Radix/Headless UI or shadcn/ui are better. It also adds little value if you don't use Tailwind.
Strengths
- Drastically shortens Tailwind markup with semantic class names
- Framework-agnostic — pure CSS plugin usable anywhere Tailwind runs
- Strong built-in theming system with many ready themes and dark mode
- Large, active community and one of the most popular Tailwind ecosystem projects
Trade-offs
- Provides styling only — no interactive behavior or accessibility logic
- Opinionated visual style can require overrides to match a custom brand
- Adds another abstraction layer on top of Tailwind that teams must learn
- Component customization is via classes/CSS vars rather than owning source code
Maturity
Very mature and widely adopted (40k+ stars, heavy npm/CDN usage), actively maintained with a major v5 release and commercial backing via Open Collective sponsors.
The most popular, free and open-source component library for Tailwind CSS
daisyUI 5
🌼 Official website →
🧩 See all components →
🚀 How to use →
🤝 Contribute →
Sponsors and backers
Contributors
༼ つ ◕_◕ ༽つ Please share