DaisyUI

DaisyUI is a free open-source Tailwind CSS component library created by Pouya Saadeghi in 2020, providing over seventy pre-styled component classes that work on top of Tailwind CSS utility classes, enabling developers to build beautiful, responsive interfaces quickly without writing extensive utility class chains, adopted by over forty-five thousand projects with over four million weekly npm downloads, positioning itself as the most popular Tailwind component library. The component classes provide semantic, class-based styling for common UI patterns including buttons with variants and sizes, cards with images and actions, alerts with severity levels, badges, avatars with group support, dropdowns, modals with different sizes, drawers for navigation, tabs, accordions or collapse components, tables, forms with all input types, pagination, steps, timeline, stat displays, chat bubbles, and mockup components for browser, phone, and window frames. The theming system provides over thirty built-in themes including light, dark, cupcake, bumblebee, emerald, corporate, synthwave, retro, cyberpunk, valentine, garden, forest, aqua, and business, with the ability to create custom themes through CSS variables for primary, secondary, accent, neutral, base, and info colors, and automatic theme switching through data attributes on any parent element. The Tailwind integration means all DaisyUI components accept Tailwind utility classes for fine-grained customization, with component classes providing the base structure and utilities handling specific overrides, combining the speed of component libraries with the flexibility of utility-first styling. The color system uses CSS variables compatible with Tailwind configuration. Designed for frontend developers using Tailwind CSS.