daisyui-fork v2.24.1

The most popular, free and open-source Tailwind CSS component library

[ See all components ]

daisyUI 2.0

• Official website →
• See all components →
• How to use →

🌼 Features

• A plugin for Tailwind CSS
• Faster development
• Cleaner HTML
• Customizable and themeable
• Pure CSS. Works on all frameworks

📀 Install now!

npm i daisyui

Then add daisyUI to your tailwind.config.js:

module.exports = {
  plugins: [require("daisyui")],
};

[ Read more → ]

Loading CSS files from CDN is not recommended for production. It's better to install Tailwind and daisyUI as Nodejs dependencies so you can config/customize everything, and purge unused styles.

<link href="https://cdn.jsdelivr.net/npm/daisyui@2.24.0/dist/full.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>

🚀 Use

[See all components →]

📘 Documents + Examples

See the official site: [ daisyui.com →]

🤝 Support daisyUI

Tweet about daisyUI:

📁 List of components

• Actions

  • Button
  • Dropdown
  • Modal
  • Swap

• Data display

  • Alert
  • Avatar
  • Badge
  • Banner
  • Calendar
  • Card
  • Carousel
  • Chat bubble
  • Collapse
  • Comment
  • Countdown
  • Empty placeholder
  • Kbd
  • Loading
  • Progress
  • Radial progress
  • Stat
  • Table
  • Tag
  • Timeline
  • Toast
  • Tooltip
  • Treeview

• Data input

  • Checkbox
  • Text input
  • Radio
  • Range
  • Rating
  • Select
  • Textarea
  • Toggle
  • Upload

• Layout

  • Artboard
  • Button group
  • Divider
  • Drawer
  • Footer
  • Hero
  • Indicator
  • Input group
  • Mask
  • Stack

• Navigation

  • Bottom Navigation
  • Breadcrumbs
  • Link
  • Menu
  • Navbar
  • Pagination
  • Steps
  • Tab

• Mockup

  • Browser
  • Code
  • Phone
  • Window

📰 Featured on: