Tailwind CSS Component Library ⸺ daisyUI

Faster, cleaner, easier
Tailwind CSS development

daisyUI is the Tailwind CSS plugin you will love!
It provides useful component class names
to help you write less code and build faster.

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.

Highly customizable
Powered by Tailwind CSS utility classes

daisyUI is built on top of Tailwind CSS so you can customize everything using utility classes.

How to customize

<a class="btn btn-primary">Button</a>

↓

<a class="btn btn-primary rounded-full">Button</a>

daisyUI is a great project! Grabbed the file tree component, it works great and *doesn't even use JS* - it's just using summary and details elements, very neat!

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.

The new daisyUI 5.0 is awesome! The UI components are smooth and has a lot of new goodies.

daisyUI is *the goat*

daisyUI is probably the *best Tailwind Plugin I've ever used*, I've been using it since 2023

It's great! Been using it in all my projects!

Can't state how much I love daisyUI ♥️

Writing technical blog posts and I just use daisyUI for styling and then I have a ton of free time 🌟

DaisyUI just looks amazing.

I'm glad I found daisyUI. daisyUI is built with Tailwind CSS which makes it perfect fit for me.

*daisyUI is underrated.* The best mix of Bootstrap (semantic) + Tailwind (utility). Just pick your colors and go. Supports most common components. Now with Tailwind v4. Theme builder. Quick adjustment with Tailwind. *CSS only and no JS. Zero dependencies.* DHH's "No build" friendly.

daisyUI is amazing and *I use it for all my projects*

daisyUI is such a *time saver*

Using daisyUI feels like using the old Bootstrap but with the additional power of Tailwind's customization.

If you want to create a quick MVP for your next project, I recommend daisyUI. It offers a simple and elegant design.✨

daisyUI really makes it super easy to get a clean looking MVP up and out the door.

I recommend you to use daisyUI on top of Tailwind they work together and gives more possibilities and ease.

I found daisyUI to be an amazing pair with htmx

*I'm enjoying daisyUI*

Adding daisyUI to the front and adding new features to the products really affect all of our metrics.

daisyUI makes working with UI components *so easy*

I *absolutely love daisyUI* and use it in all my projects.

I use daisyUI for every site now!

daisyUI is what I use for everything now.

Been using daisyUI for a while and I must say...such a fun addon for Tailwind CSS, well done 🔥

daisyUI v5 is a *game changer*... It's never been this easy to customize components and theme in typical server rendered projects. 😍

Found the power of tailwindcss and daisyUI these last few days. These makes front-end development so much *faster and enjoyable*.

Rails 8 + daisyUI = MVP Magic

daisyUI is the missing part from Tailwind CSS which is the perfect choice for devs who need easy UI design

daisyUI 5 + Tailwind CSS 4 is just an amazing combo for fast and high-end results

I found Tailwind CSS complicated, but daisyUI looks like something I can give a try.

daisyUI is the only way to use tailwind

I was already a fan of daisyUI because of their *incredible components and theme system* But did you know they also have entire templates 😍

daisyUI is good, *makes code much cleaner* for often used sets of classes without massive amount's of extra css bloat.

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...

daisyUI is a *joy to use* 🙏

I used daisyUI, *super happy with it!*

Damn, daisyUI is NICE!

daisyUI is awesome!

DaisyUI is really goated! I am a happy user for the past 5 years.

I like to use Tailwind+daisyUI to have a Bootstrap like experience.

We are using Go for the backend, daisyUI + Tailwind for styling, and HTMX for interactivity.

I love daisyUI, It's by far *my favorite CSS tool* and what finally got me into Tailwind. I'm shipping great looking UIs thanks to daisyUI.

Why did it take me so long to pair Tailwind with daisyUI… *Now I feel like a 10X developer*.

If you try daisyUI, there is no turning back... 😏

daisyUI has been my "go-to" for side projects and vibe coding for this past year

I cannot thank you enough for daisyUI. It has completely taken over my UIs. It is a breeze to get consistent, great looking user interfaces and quickly!

I would have never touched Tailwind CSS if it wasn't for daisyUI 🤗

*Love daisyUI*, excited to use it again on my next job

I think daisyUI is very cool, it's *easy to use* and you can build a clean UI with it. 👍 😁

I Love daisyUI

I'm a big fan of daisyUI

*daisyUI saved me months of component design*.

daisyUI is *so usefull*. My clients love the look, it is so easy

I used daisyUI this week with Remix and am delighted by it so far.

daisyUI is awesome!

If you're a fan of Tailwind but hate writing 20+ class names to style a simple button or card, try daisyUI, it's really cool!

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 😍

Been a big fan on daisyUI for 2 years, kudos to your great work! 👏👏

Just revamped my personal website using daisyUI and I'm thrilled with the *simplicity and cleanliness* it brings!

If you use Tailwind and want prepackaged components then I wholeheartedly recommend daisyUI! An awesome set of defaults that's super configurable 🔥

With daisyUI I haven't written a single line of css, yet my div classes are pretty clean

Using a component library such as *daisyUI is such a productivity hack*. No going back from that.

DaisyUI is pretty amazing

How much winning can one component library take?!?

I was using bootstrap first than switched to tailwind but there's so many classes too much code, than i found daisyUI. if anyone coming from bootstrapcss background you will love daisyUI for sure. 🙌

We use daisyUI + Tailwind with our projects. It has been *extremely helpful* building websites fast and give us a red design line through several different projects.

I love daisyUI and we used it for a hackathon project last week

daisyUI is so good! I love how it sticks with the basic HTML components. Truly great.

I used daisyUI theme generator's Halloween theme and tweaked it to what I want and now, I'm so proud of what I've got!

1. Install daisyUI as a Node package:

pnpm add -D daisyui@latest

yarn add -D daisyui@latest

bun add -D daisyui@latest

deno i -D npm:daisyui@latest

2. Add daisyUI to app.css:

@import "tailwindcss";
@plugin "daisyui";

Install guide