daisyui

daisyUI is a popular Tailwind CSS component library that adds component classes (btn, card, modal, navbar, etc.) to Tailwind, enabling faster development with semantic class names while retaining full Tailwind utility class support. Unlike headless component libraries that require JavaScript frameworks, daisyUI works with pure HTML — components are composed entirely through CSS classes without any JavaScript runtime. This makes daisyUI compatible with any framework or no framework at all. daisyUI provides 50+ components including buttons, cards, modals, drawers, navbars, tabs, pagination, alerts, badges, tooltips, tables, and form elements, all customizable through Tailwind's utility classes and daisyUI's built-in theme system. The library includes 30+ pre-built themes and supports custom themes defined in tailwind.config.js using CSS custom properties for colors. Component variants are expressed through modifier classes: btn-primary, btn-outline, btn-lg. daisyUI adds approximately 35KB of CSS (before purging) and zero JavaScript, keeping pages lightweight. The library is installed as a Tailwind CSS plugin, integrating seamlessly into existing Tailwind projects. daisyUI has become the most popular Tailwind component plugin, particularly valued for rapid prototyping and projects that want component abstractions without JavaScript framework lock-in.