Repolode
Submit
saadeghi

saadeghi/daisyui

A free, open-source component library that adds ready-made UI components as class names on top of Tailwind CSS.

View on GitHubWebsite
Stars
42,625
Forks
1,711
Open issues
32
Last commit
2 days ago

What is it?

daisyUI is a component library for Tailwind CSS. Instead of building buttons, cards, modals and form controls from utility classes every time, developers apply semantic component class names such as btn, card or modal, and the styles come from daisyUI's Tailwind plugin.

The library ships with a set of themes that can be switched through a data attribute, so the same markup can adopt different color schemes. Components are plain HTML and CSS classes, which means they work in any framework or with no framework at all, and the project's homepage notes integration with Svelte and other tools.

It is distributed as an npm package and can also be loaded from a CDN, and it is MIT licensed. The current major version is daisyUI 5.

Key features

  • 01Provides semantic component class names such as btn, card and modal built on Tailwind CSS.
  • 02Includes multiple built-in themes that can be switched with a data attribute.
  • 03Works with plain HTML and any frontend framework.
  • 04Installable via npm or loaded from a CDN.

Use cases

  • Building a marketing site or dashboard UI quickly on top of Tailwind CSS.
  • Adding consistent buttons, forms and modals without writing custom component styles.
  • Prototyping interfaces with a theme that can be swapped at runtime.

Quick start

  1. 1

    Open the install guide on the official site

Things to know

  • It only works on top of Tailwind CSS, so Tailwind must be set up first.

Topics

#tailwind-css#css#ui-components#component-library#design-system#frontend#component#components#css-components#css-framework

FAQ

What is daisyui?
A free, open-source component library that adds ready-made UI components as class names on top of Tailwind CSS. daisyUI is a component library for Tailwind CSS. Instead of building buttons, cards, modals and form controls from utility classes every time, developers apply semantic component class names such as btn, card or modal, and the styles come from daisyUI's Tailwind plugin.
Is daisyui free to use? What license does it have?
daisyui is open source under the MIT license. Check the license terms before using it in commercial products.
Is daisyui still maintained?
Actively maintained. The last commit to daisyui was on Oct 17, 2026.
What can I use daisyui for?
Building a marketing site or dashboard UI quickly on top of Tailwind CSS. Adding consistent buttons, forms and modals without writing custom component styles. Prototyping interfaces with a theme that can be swapped at runtime.
How do I install daisyui?
Open the install guide on the official site
Where can I get daisyui?
The source code and installation instructions are on GitHub: https://github.com/saadeghi/daisyui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects