🎉 daisyUI 5.0 upgrade guide
daisyUI
5.0.0
  • daisyUI 5
  • Changelog
  • Version 4.x
  • Version 3.x
  • Version 2.x
  • Version 1.x
  • Roadmap
Components
Store
Theme
  • Make your theme!
Videos Articles Courses

daisyUI community courses

If you have a course or tutorial about daisyUI, add it here

Tailwind + DaisyUI

by Fireship.io

Building with SvelteKit and GraphCMS - Styling with Tailwind and DaisyUI

by Netlify

Svelte for Beginners by Mike Karan

by Udemy

React Front To Back 2022 by Brad Traversy

by Udemy

Build Instagram profile page UI clone w/Next.js TailwindCSS

by Udemy

Instagram UI Clone Login Page w/ NextJS & TailwindCSS

by Udemy

Build your Developer Portfolio and Blog from Scratch with Svelte and GraphCMS

by freeCodeCamp

Building a React Admin Panel with refine and daisyUI

by Refine.dev

daisyUI

Free Component library
For utility first CSS frameworks

Contributing Changelog Roadmap License FAQ llms.txt
pages How to install How to use components How to customize How to use themes Color system Config Blog Resources Store
Available on GitHub Discord OpenCollective NPM Unpkg CDN JSdeliver CDN
Try online Tailwind Play Codepen
related projects Theme Change daisyUI UnoCSS preset React-daisyUI MaryUI for Laravel SaraUI for SvelteKit PhlexyUI for Phlex Protos for Phlex Backpex for Phoenix Tailwind standalone + daisyUI Tailscan extension
Pouya Saadeghi

Created by

Pouya Saadeghi

Please upgrade your browser
daisyUI
  • daisyUI 5 release notes
  • Docs
    • Introduction
    • Install
    • CDN
    • Upgrade guide v5.0
    • Use
    • Customize components
    • Config
    • Colors
    • Themes
    • Base style
    • Utilities and variables
    • Layout and Typography
  • Components
    • Actions

      • Button
      • Dropdown
      • Modal
      • Swap
      • Theme Controller
    • Data display

      • Accordion
      • Avatar
      • Badge
      • Card
      • Carousel
      • Chat bubble
      • Collapse
      • Countdown
      • Diff
      • Kbd
      • List new
      • Stat
      • Status new
      • Table
      • Timeline
    • Navigation

      • Breadcrumbs
      • Dock
      • Link
      • Menu
      • Navbar
      • Pagination
      • Steps
      • Tab
    • Feedback

      • Alert
      • Loading
      • Progress
      • Radial progress
      • Skeleton
      • Toast
      • Tooltip
    • Data input

      • Calendar new
      • Checkbox
      • Fieldset new
      • File Input
      • Filter new
      • Label new
      • Radio
      • Range
      • Rating
      • Select
      • Input field
      • Textarea
      • Toggle
      • Validator new
    • Layout

      • Divider
      • Drawer
      • Footer
      • Hero
      • Indicator
      • Join (group items)
      • Mask
      • Stack
    • Mockup

      • Browser
      • Code
      • Phone
      • Window
  • Theme Generator new
  • Store
  • Blog
  • Resources
  • Playground
  • GitHub
  • Discord
  • Support daisyUI
  • llms.txt new