You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
Kirk Lin 1bd122c030
docs: update readme (#1173)
7 days ago
.github Update FUNDING.yml 6 months ago
src Update version 1 week ago
.gitignore add test files 6 months ago
CHANGELOG.md chore(release): 2.31.0 1 week ago
LICENSE Create LICENSE 2 years ago
README.md docs: update readme (#1173) 7 days ago
package.json chore(release): 2.31.0 1 week ago

README.md

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

[ See all components ]

daisyUI 2.0


🌼 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 → ]

Or use a CDN

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.31.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

Premium Sponsors
Support this project by becoming a premium sponsor.
[Become a sponsor]
Backers
Thank you to all our backers!
[Become a backer]
Contributors
This project exists thanks to all the people who contribute.
[Contribute]

Tweet about daisyUI:

📁 List of components

show / hide
  • 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
show / hide

༼ つ ◕_◕ ༽つ Please share