Code Monkey home page Code Monkey logo

daisyui's Introduction

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

🤝 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

    • App bar
    • Breadcrumbs
    • Link
    • Menu
    • Navbar
    • Pagination
    • Steps
    • Tab
  • Mockup

    • Browser
    • Code
    • Phone
    • Window

📰 Featured on:

show / hide

༼ つ ◕_◕ ༽つ Please share

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.