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
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.