DaisyUI
DaisyUI is a free, open source plugin for Tailwind CSS that adds semantic, prebuilt component class names such as btn, card and modal, so developers can use short class names instead of composing many individual Tailwind utility classes for common components. The core plugin is free and open source; a separate paid DaisyUI Pro or Blocks product with additional prebuilt templates is also available.
Facts checked on against the sources listed at the end of this page.
- Pricing
- FreemiumFree plan: Yes, the core DaisyUI plugin is completely free
- Open source
- YesMIT
- GitHub stars
- 42,553
- npm downloads a week
- 1.2Mup 11% on the week before
- Latest release
- v5.7.471 week ago
- Releases in 90 days
- 6about 2 a month
A good fit for
- Tailwind CSS projects that want shorter, more readable component class names
- Developers who want prebuilt component styling without adopting a separate JavaScript component library
- Projects using any framework, since DaisyUI works at the CSS level rather than shipping framework-specific components
- Teams that want built-in theming with many ready-made color themes
Not a good fit for
- Teams that want JavaScript-driven component behavior (like accordion logic or dropdown state) bundled in, since DaisyUI is class-based styling only
- Projects not using Tailwind CSS, since DaisyUI is a Tailwind plugin
- Developers who prefer composing raw Tailwind utility classes rather than semantic component class names
DaisyUI pricing
The core DaisyUI Tailwind plugin is completely free and open source. A separate paid product, DaisyUI Blocks or Pro, offers additional prebuilt page sections and templates for purchase.
Prices in USD, checked on 27 September 2026. Current prices on daisyui.com.
Main features
- Semantic component classes
- Class names like btn, card and modal instead of composing many individual Tailwind utilities.
- Built-in themes
- Many prebuilt color themes, plus the ability to define custom themes.
- Framework agnostic
- Works with any framework that uses Tailwind CSS, since it's a CSS-level plugin.
- Dark mode support
- Built-in light and dark theme handling.
- Customizable with Tailwind utilities
- Component classes can still be combined with regular Tailwind utility classes.
About DaisyUI
DaisyUI works as a Tailwind CSS plugin, adding component-level class names like btn, card, modal and navbar on top of Tailwind's utility classes, so you can write shorter, more readable markup for common UI patterns while still customizing with normal Tailwind utilities when needed.
It includes a built-in theming system with many prebuilt color themes and the ability to define custom ones, plus support for light and dark modes, all controlled through Tailwind's configuration.
Because it's a class-based plugin rather than a component library with its own JavaScript logic, DaisyUI works with any framework that uses Tailwind CSS, from plain HTML to React, Vue or Svelte, without needing framework-specific component packages.
- Made by
- DaisyUI (open source project)
- Free plan
- Yes, the core DaisyUI plugin is completely free
- Available on
- Any framework using Tailwind CSS
Usage and activity
Weekly npm downloads of daisyui, last 12 months.
Recent releases
DaisyUI alternatives
DaisyUI compared
Questions about DaisyUI
Is DaisyUI free?
Yes, the core DaisyUI plugin is free and open source. A separate paid product offers additional prebuilt templates and page sections.
Does DaisyUI work with React or Vue?
Yes, since DaisyUI is a Tailwind CSS plugin rather than a JavaScript component library, it works with any framework that uses Tailwind.
Does DaisyUI include component behavior, like dropdown logic?
No, DaisyUI provides CSS class names for styling; any interactive behavior needs to be added separately, for example with plain HTML/CSS techniques or your own JavaScript.
Does DaisyUI support dark mode?
Yes, it includes built-in support for light and dark themes, plus many other prebuilt color themes.
Sources and links
Work on DaisyUI? Claim this listing. Something wrong or out of date? Suggest a correction. Stats come from the public GitHub and npm APIs and update every day.