daisyUI

default.webp
By Pouya Saadeghi

A Tailwind CSS component library making development faster with prebuilt semantic classes like btn, card, and more.

Features

Uses semantic utility classes

Fully customizable theming with unlimited theme options

Built-in dark mode and CSS variable-based color systems

Works with all frameworks, including React, Vue, and Laravel

About this library

daisyUI is one of the most popular component libraries built for Tailwind CSS, specifically designed to simplify UI development. It offers prebuilt, semantic class names for essential components, helping you build clean UIs much faster without needing to write hundreds of utility classes for each project.

Packed with styled components like buttons, modals, tables, navbar, and many more, daisyUI empowers developers to focus on functionality while enjoying a consistent design system. With flexibility in customization and dark mode support built-in, it's suitable for any project size or framework.

What’s Included

  • 55+ pre-designed components (e.g., button, table, modal).
  • Semantic color system with customizable themes (including dark mode).
  • CSS only (no JS dependency).
  • Works with all CSS frameworks: React, Vue, Svelte, Laravel, and more.

Built For

UI design systems, SaaS apps, admin dashboards, eCommerce projects, and multi-theme websites.

Tech Stack

Subscribe to our newsletter

Get notified when we add new templates, components, and more!

Thanks for subscribing!
Please check your email to confirm your subscription.

WindyBase Make development a breeze

WindyBase is a weekly curated Tailwind CSS template and tool directory built for the modern developer.

© 2025 WindyBase. All rights reserved.