Skip to content
Get packs

daisyUI

A free component library of ready-made UI pieces for Tailwind CSS.

GitHub Download v5.7.50
Stars
42.7k
Forks
1.7k
Licence
MIT
Language
JavaScript
Last update
6 days ago
Type
Library

What it is

daisyUI is an open-source component library for Tailwind CSS, a popular utility-class styling tool. It provides ready-made interface pieces such as buttons and other common components, so builders can assemble web pages faster without writing every style from scratch. The README is short and mostly links to the official website and documentation for details.

  • Add styled buttons, cards, and navigation to a Tailwind-based site
  • Prototype a landing page or dashboard layout quickly
  • Keep component styling consistent across a web app

Great for

  • Developers already using Tailwind CSS who want prebuilt components
  • Solo builders or small teams prototyping a web interface quickly
  • People who want a consistent look with simple class names
  • Projects that want MIT-licensed, free UI building blocks

Not ideal for

  • Projects not using Tailwind CSS, since daisyUI is built on top of it
  • Teams that need a fully custom visual identity with no shared styling defaults
  • Non-developers looking for a no-code website builder
Step-by-step guide: how to use daisyUIInstall, first run, examples, tips and FAQs
daisyUI alternativesAnt Design vs daisyUIdaisyUI vs UiversedaisyUI vs TW ElementsdaisyUI vs HyperUICreative Tim UI vs daisyUI98.css vs daisyUI

How to get it

  1. 1

    Install with a package manager

    You'll need: Tailwind CSS · Node.js or a Tailwind-compatible build setup

    Clone the repository

    git clone https://github.com/saadeghi/daisyui
  2. 2

    Run it

    • Set up a Tailwind CSS project following the official install guide at daisyui.com/docs/install
    • Add daisyUI as a Tailwind plugin per the documentation
    • Add a component class such as a button to an HTML element and view it in the browser
  3. 3

    Get the most out of it

    • Browse all components on the official components page before building custom ones
    • Use the theme options described in the official docs to adjust colors across the site
    • Check the release notes for the latest version when upgrading

Downloads

Source code (.zip)master branch · straight from GitHubRelease v5.7.504 files incl. daisyui.mjsOfficial website & docsdaisyui.com

Strengths

  • Free and MIT-licensed, with a large public following (about 42,700 GitHub stars)
  • Built on Tailwind CSS, so it fits existing utility-class workflows
  • Active project with a recent push and published releases

Trade-offs

  • Depends on Tailwind CSS; you must understand Tailwind to use it well
  • The README gives little detail on specific components, so the official docs are needed for specifics

How it compares

ProjectStarsTypeLevelUpdatedBest for
daisyui (this)42.7kLibraryintermediate6 days agoDevelopers already using Tailwind CSS who want prebuilt components
TW-Elements13.2kLibraryintermediate7 months agoDevelopers already using Tailwind CSS who want prebuilt interactive components
ant-design100kLibraryintermediate4 days agoReact developers building admin dashboards or internal business tools
layui30.6kLibrarybeginner4 days agoDevelopers maintaining existing sites or admin panels built on Layui
css13.1kLibraryintermediate5 days agoDevelopers who want to match GitHub's visual style in an existing web project
hyperui12.3kLibrarybeginner11 days agoDevelopers building marketing sites with Tailwind CSS

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.