/daisyui

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

Primary LanguageSvelteMIT LicenseMIT

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

[ See all components ]

daisyUI 3.0


🌼 Features

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

📀 Install now!

npm i -D daisyui@latest

Then add daisyUI to your tailwind.config.js:

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

[ Read more → ]

🚀 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
    • Countdown
    • Empty placeholder
    • Kbd
    • Loading
    • Progress
    • Radial progress
    • Stat
    • Table
    • Tag
    • Timeline
    • Toast
    • Tooltip
    • Treeview

  • Data input

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

  • Layout

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

  • Navigation

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

  • Mockup

    • Browser
    • Code
    • Phone
    • Window

📰 Featured on:

show / hide

༼ つ ◕_◕ ༽つ Please share