.png)
4 months ago
8
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.
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.
Highly customizable
Powered by Tailwind CSS utility classes
daisyUI is built on top of Tailwind CSS so you can customize everything using utility classes.
↓
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.
61
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
Try daisyUI
on your favorite framework
Install daisyUI
1. Install daisyUI as a Node package:
NPM
PNPM
Yarn
Bun
Deno
2. Add daisyUI to app.css:
