5.1.13
  • Changelog
  • v5 release notes
  • Version 4.x
  • Version 3.x
  • Version 2.x
  • Version 1.x
  • Roadmap
Components
Templates
Figma
  • 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 newsletter to get the updates.

We don't share your email address with anyone

Free Component library
For utility first CSS frameworks

daisyUI Logo and brand License FAQ Roadmap Changelog Contributing llms.txt
pages How to install How to use components How to customize How to use themes Color system Config Resources Blog Store daisyUI Figma Library
Frameworks Angular Component Library Astro Component Library Django Component Library HTMX Component Library Laravel Component Library Nextjs Component Library Nuxt Component Library Rails Component Library React Component Library Svelte Component Library Vue Component Library
Compare libraries MUI vs daisyUI shadcn/ui vs daisyUI Bootstrap vs daisyUI Flowbite vs daisyUI Radix vs daisyUI Bulma vs daisyUI NuxtUI vs daisyUI HeroUI vs daisyUI Preline UI vs daisyUI Chakra UI vs daisyUI
related projects Theme Change MaryUI (Laravel) Feliz.DaisyUI (F#) Phcurado (Phoenix) Laravel Starter Kit Tailscan extension
Pouya Saadeghi

Created by

Pouya Saadeghi

Get the daisyUI updates and news

We don't share your email address with anyone

Please upgrade your browser
5.1.13
  • Changelog
  • v5 release notes
  • Version 4.x
  • Version 3.x
  • Version 2.x
  • Version 1.x
  • Roadmap
  • Docs
    • Introduction
    • Install
    • CDN
    • Use
    • Code editor & LLM setup updated
    • v5 upgrade guide
    • Customize
    • Config
    • Colors
    • Themes
    • Base style
    • Utilities & variables
    • Layout & Typography
  • Components
    • Actions

      • Button
      • Dropdown
      • FAB / Speed Dial new
      • Modal
      • Swap
      • Theme Controller
    • Data display

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

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

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

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

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

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