Socket
Socket
Sign inDemoInstall

daisyui

Package Overview
Dependencies
142
Maintainers
1
Versions
513
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    daisyui

daisyUI - Tailwind CSS Components


Version published
Maintainers
1
Install size
13.6 MB
Created

Readme

Source

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

Keywords

FAQs

Last updated on 28 May 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with āš”ļø by Socket Inc