JSPM

daisyui

2.24.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 409139
  • Score
    100M100P100Q207972F
  • License MIT

daisyUI - Tailwind CSS Components

Package Exports

  • daisyui
  • daisyui/src/colors/colorNames
  • daisyui/src/colors/colorNames.js
  • daisyui/src/colors/themes
  • daisyui/src/colors/themes.js
  • daisyui/src/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (daisyui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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.24.1/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