Daisy UI

Beautiful reusable UI components for Tailwind CSS

Template feature image



Daisy UI adds beautiful component classes to Tailwind which are fully customizable and themeable. Daisy UI builds a design system that is scalable and designer-friendly.


  • Component classes: DaisyUI adds component classes to Tailwind. Classes like btn, card,… No need to deal with hundreds of utility classes.
  • Tailwind CSS plugin: DaisyUI is a Tailwind CSS plugin so you can simply add it to your tailwind.config.js file.
  • Based on design system: DaisyUI applies design system concepts to Tailwind CSS. All components on your page are committed to a single design system.
  • Customizable: You can customize the design of components with Tailwind utility classes and CSS variables.
  • Semantic color names: Use color names like primary, secondary, accent,… just like your design system defines.
  • RTL supported: Enable rtl config for right to left layouts.
  • Themeable: Add multiple themes or change colors with a CSS variable. You can even set a theme for a specific section of your page.
  • Designer-friendly: You can disable styled config and only get the skeleton of components. No style, no colors. You can style everything using utility classes.

Get notified when we add new designs.

Twice a month I share the best Tailwind templates, UI kits and components in my newsletter. 30 Tailwind hackers find it useful. I'd love you to join.