🎉 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!

daisyUI blog

Updates, ideas and resources

  • Tags
  • Reviews
  • Guides
  • News
  • Templates
  • Component Libraries
  • Frameworks
daisyUI 2024 Wrapped

daisyUI 2024 Wrapped

Wrapping up 2024. Exciting things are coming in 2025!

daisyUI 5 alpha is in development

daisyUI 5 alpha is in development

daisyUI 5 alpha is in development and I'm looking for your suggestions, feedbacks and ideas to make it better.

The Official daisyUI Figma Library: Designers and Developers, Finally on the Same Page

The Official daisyUI Figma Library: Designers and Developers, Finally on the Same Page

I know how frustrating it’s been for designers to work on a daisyUI project without having access to the daisyUI design system in Figma. Recreating components from scratch is a real pain, and it’s time-consuming.

What to expect from daisyUI 5?

What to expect from daisyUI 5?

An overview of of daisyUI 5 upcoming changes and features

daisyUI is now on Discord!

daisyUI is now on Discord!

Finally we have a Discord server for daisyUI!

daisyUI 2023 Wrapped

daisyUI 2023 Wrapped

It's the end of the year and this year was amazing! For Front-end development, For CSS, For Tailwind and for daisyUI! Let's take a look at what we've accomplished in 2023.

Don't miss new posts!

Subscribe to daisyUI blog newsletter to get updates on new posts.

You will only receive a single email when a new blog post is published. No spam. No ads.

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