daisyui
    TypeScript icon, indicating that this package has built-in type declarations

    2.31.0 • Public • Published

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

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

      • [x] Alert
      • [x] Avatar
      • [x] Badge
      • [ ] Banner
      • [ ] Calendar
      • [x] Card
      • [x] Carousel
      • [ ] 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

    Install

    npm i daisyui

    DownloadsWeekly Downloads

    54,815

    Version

    2.31.0

    License

    MIT

    Unpacked Size

    2.07 MB

    Total Files

    23

    Last publish

    Collaborators

    • saadeghi