kattmingming / daisyui Goto Github PK

View Code? Open in Web Editor NEW

This project forked from saadeghi/daisyui

0.0 1.0 0.0 288.02 MB

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

Home Page: https://daisyui.com

License: MIT License

CSS 24.15% JavaScript 19.82% Shell 0.01% HTML 2.25% Svelte 53.68% Astro 0.10%

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/[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 →]

🤝 Contributing

[ Read contribution guide → ]

🤝 Supporting daisyUI

Become an sponsor: [ Open Collective → ]

Tweet about it:

📁 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
- App bar
- Breadcrumbs
- Link
- Menu
- Navbar
- Pagination
- Steps
- Tab
Mockup
- Browser
- Code
- Phone
- Window