DaisyUI
DaisyUI v5 component library built on Tailwind CSS. Semantic component classes, oklch theming system, 35+ built-in themes, and React integration patterns.
| I need to... | Guide |
|---|---|
| Decide whether to use DaisyUI vs raw Tailwind vs shadcn/ui | DaisyUI vs Alternatives |
| Install DaisyUI with Tailwind v4 or v3 | Installation and Configuration |
| Implement multi-theme or light/dark mode | Theming System |
| Understand the CSS variables and color tokens | Color System and Design Tokens |
| Use button, dropdown, modal, or swap | Actions Components |
| Use badge, card, alert, stat, or table | Data Display Components |
| Use navbar, menu, tabs, or breadcrumbs | Navigation Components |
| Use input, select, textarea, checkbox, or toggle | Data Input Components |
| Use drawer, hero, divider, or stack | Layout Components |
| Extend or override DaisyUI components | Customization Patterns |
| Use DaisyUI in React with CVA | DaisyUI and React |
| Know best practices and anti-patterns | Best Practices |
| Handle accessibility gaps and ARIA requirements | Security and Accessibility |
| Review sources and version information | Sources and Maintenance |