🎉 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
How to make a bidirectional site using Tailwind CSS and daisyUI

How to make a bidirectional site using Tailwind CSS and daisyUI

Learn how to use CSS logical properties to make a bidirectional website using Tailwind CSS and daisyUI

How to update daisyUI from version 3 to version 4

How to update daisyUI from version 3 to version 4

This upgrade guide helps you easily update daisyUI to version 4 without breaking anything.

Install Tailwind CSS and PostCSS and daisyUI with one command

Install Tailwind CSS and PostCSS and daisyUI with one command

It can be annoying to install, setup, config and import all the dependencies. But now, you can do it with a single command.

How to add a new color to daisyUI themes

How to add a new color to daisyUI themes

Do you want to add new color names to daisyUI color palette? Here is how you can do it.

The most common mistake when using Tailwind CSS (and how to fix it)

The most common mistake when using Tailwind CSS (and how to fix it)

While working on daisyUI, I see a lot of people making this mistake when using Tailwind CSS.

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