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>See how people are using daisyUI
Top in Frontend
Related Repositories
Discover similar tools and frameworks used by developers
Awesome CSS Frameworks
Categorized catalog of CSS frameworks with GitHub metrics.
React Router
Component-based navigation and URL management for React.
React Beautiful DnD
Accessible React library for list drag-and-drop interactions.
Tailwind CSS Typography
Cascading typographic styles for unstyled HTML containers.
Meteor
Full-stack JavaScript framework with real-time data sync and zero-configuration setup for web and mobile apps.