The most popular
component library
for Tailwind CSS
daisyUI adds component class names to Tailwind CSS
so you can make beautiful websites faster than ever.
don't re-invent
the wheel
every time 
In a Tailwind CSS project, you need to write utility class names for every element. Thousands of class names just to style the most basic elements.
instead of writing
100 class names
For every element, every page, every project,
again and again…
use semantic
class names 
It's descriptive, faster, cleaner and easier to maintain.
// Styling a simple button
<button class="">
Tailwind Button
</button>No more ugly HTML
Write fewer class names
Use component class names
modify them using Tailwind CSS utilities.
Fewer class names
Faster development
Smaller file size
With daisyUI, you write 80% fewer class names
And your HTML size will be about 70% smaller.
CSS Class names
HTML size
Highly customizable
Powered by Tailwind CSS utility classes
daisyUI is built on top of Tailwind CSS so you can customize everything using utility classes.
<a class="btn btn-primary">Button</a><a class="btn btn-primary rounded-full">Button</a>Pure CSS.
Framework agnostic.
Works everywhere.
daisyUI is a plugin for Tailwind CSS. It works on all JS frameworks and doesn't need a JS bundle file.
Install daisyUI as a dev dependency and use the class names just like any other Tailwind CSS class name.
Apply your own design decisions
Your website should be unique. Create a custom theme for yourself using daisyUI theme generator. The colors you pick will be applied to all daisyUI components.
53 Components
500+ utility classes
endless possibilities
Mix and match daisyUI class names to create unique web pages.
daisyUI is the most popular
component library for Tailwind CSS
Been using daisyUI for a while and I must say...such a fun addon for Tailwind CSS, well done 🔥
If you want to build beautiful apps in no time, daisyUI is the way to go ✨ I've been using it for the past 6 months and can't imagine living without it...
It's great! Been using it in all my projects!
daisyUI is amazing and I use it for all my projects
We use daisyUI + Tailwind with our projects. It has been extremly helpful building websites fast and give us a red design line through several different projects.
daisyUI is such a time saver
If you use Tailwind and want prepackaged components then I wholeheartedly recommend daisyUI! An awesome set of defaults that's super configurable 🔥
daisyui is awesome!
I'm glad I found daisyUI. daisyUI is built with Tailwind CSS which makes it perfect fit for me.
Using daisyui feels like using the old Bootstrap but with the additional power of Tailwind's customization.
I use daisyUI.
I recommend you to use DaisyUi on top of Tailwind they work together and gives more possibilities and ease.
I found Tailwind CSS complicated, but daisyUI looks like something I can give a try.
If you try daisyUI, there is no turning back... 😏
daisyUI is awesome!
Honestly, I spent like 20% of my time writing code and 80% of time playing with Tailwind CSS and daisyUI. Really love the daisyUI themes 😍
While I love the flexibility of Tailwind CSS, I always find myself configuring re-usable styles as I hammer out a visual concept. daisyUI made doing that a lot easier today.
I love daisyUI and we used it for a hackathon project last week
Free and open-source
Built by the community
daisyUI welcomes contributions from developers around the world
Try daisyUI
on your favorite framework
Install daisyUI
1. Install daisyUI as a Node package:
npm i -D daisyui@3.9.42. Add daisyUI to Tailwind CSS as a plugin:
// tailwind.config.js
module.exports = {
plugins: [
require('daisyui'),
],
}