Daisyui

⭐️ ⭐️ ⭐️ ⭐️ ⭐️  The most popular, free and open-source Tailwind CSS component library
Alternatives To Daisyui
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Daisyui21,7388814 hours ago277September 21, 202232mitSvelte
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  The most popular, free and open-source Tailwind CSS component library
Metro Ui Css6,992845 days ago99June 23, 202268mitCSS
Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!
Clarity6,457244503 months ago255September 06, 20222mitTypeScript
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
Fomantic Ui3,263173119 hours ago954September 25, 2022238mitJavaScript
Fomantic-UI is the official community fork of Semantic-UI
React Daisyui544
2 days ago25mitTypeScript
daisyUI components built with React 🌼
Gulp Front250
a year ago5mitPug
Frontend boilerplate and framework based on gulp, pug, stylus and babel
Kahi Ui183
16 days ago34March 19, 20227mitSvelte
Straight-forward Svelte UI for the Web
React Spectre57253 years ago9January 13, 201821mitJavaScript
React components for Spectre.css - a Lightweight, Responsive and Modern CSS Framework
Svelteit43
3 years ago7April 06, 20202mitSvelte
Svelteit is a minimalistic UI/UX component library for Svelte and Sapper projects
Vf Core18
a month ago63apache-2.0Nunjucks
A (primarily CSS) framework that targets needs of life science websites and services
Alternatives To Daisyui
Select To Compare


Alternative Project Comparisons
Readme

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 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/[email protected]/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

    • [x] Button
    • [x] Dropdown
    • [x] Modal
    • [x] Swap
  • Data display

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

    • [x] Checkbox
    • [x] Text input
    • [x] Radio
    • [x] Range
    • [x] Rating
    • [x] Select
    • [x] Textarea
    • [x] Toggle
    • [ ] Upload
  • Layout

    • [x] Artboard
    • [x] Button group
    • [x] Divider
    • [x] Drawer
    • [x] Footer
    • [x] Hero
    • [x] Indicator
    • [x] Input group
    • [x] Mask
    • [x] Stack
  • Navigation

    • [x] Bottom Navigation
    • [x] Breadcrumbs
    • [x] Link
    • [x] Menu
    • [x] Navbar
    • [x] Pagination
    • [x] Steps
    • [x] Tab
  • Mockup

    • [ ] Browser
    • [x] Code
    • [x] Phone
    • [x] Window

📰 Featured on:

show / hide

༼ つ ◕_◕ ༽つ Please share

Popular Component Library Projects
Popular Css Framework Projects
Popular User Interface Components Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Css
Tailwindcss
Postcss
Design Pattern
Design System
Component Library
Css Framework
Ui Framework