daisyUI: Component library for Tailwind CSS
Semantic component classes extending Tailwind CSS utilities.
Learn more about daisyui
daisyUI is a component library that extends Tailwind CSS with ready-made UI components. It works as a Tailwind CSS plugin that adds component classes on top of Tailwind's utility-first approach. The library includes buttons, cards, modals, forms, navigation elements, and other common interface patterns. Components are framework-agnostic at the HTML level but have implementations available for popular JavaScript frameworks.
Tailwind CSS Plugin
Integrates directly into Tailwind's configuration system as a native plugin. Components inherit your existing theme tokens, spacing, and breakpoints without separate CSS files or build steps.
Framework-Agnostic Components
Pure HTML and CSS implementation works across React, Vue, Svelte, and vanilla JavaScript. Same component markup patterns deploy everywhere without framework-specific rewrites or wrapper libraries.
Built-in Theme System
Includes 30+ pre-designed themes that can be switched with a single data attribute. Create custom themes by overriding CSS variables, enabling rapid visual customization without rebuilding styles.
<!-- Simple daisyUI button -->
<button class="btn btn-primary">
Click me
</button>
<!-- Button with different sizes -->
<button class="btn btn-secondary btn-sm">Small</button>
<button class="btn btn-accent btn-lg">Large</button>Release notes do not specify breaking changes, new requirements, or feature details; only installation command and changelog link provided.
- –Install via npm i -D daisyui@5.5.0 to upgrade to this version.
- –Review full changelog at daisyui.com/docs/changelog/ for complete release details.
Release notes do not specify breaking changes, new requirements, or bug fixes; only installation command and changelog link provided.
- –Install the update via npm with 'npm i -D daisyui@5.4.8' as a dev dependency.
- –Review the full changelog at daisyui.com/docs/changelog for detailed changes not included in these notes.
Release notes do not specify changes, breaking updates, or bug fixes; only installation instructions and a changelog link are provided.
- –Install the patch release with npm i -D daisyui@5.4.7 if upgrading from 5.x.
- –Review the full changelog at daisyui.com/docs/changelog/ to understand what changed in this version.
See how people are using daisyui
Related Repositories
Discover similar tools and frameworks used by developers
react
Component-based library using virtual DOM for efficient UI rendering.
hls.js
JavaScript HLS client with MPEG-TS to MP4 transmuxing.
JetBrainsMono
Monospaced typeface optimized for coding with ligatures.
Font-Awesome
Scalable vector icon library with multiple rendering formats.
chakra-ui
Themeable React components with built-in accessibility and Emotion styling.