5.0.46
  • daisyUI 5
  • Changelog
  • Version 4.x
  • Version 3.x
  • Version 2.x
  • Version 1.x
  • Roadmap
Components
Template Store
  • Theme
  • Make your theme!

daisyUI blog

Updates, ideas and resources

  • Tags
  • Reviews
  • Guides
  • News
  • Templates
  • Component Libraries
  • Frameworks
How to install SvelteKit with daisyUI?

How to install SvelteKit with daisyUI?

SvelteKit is a meta framework for building web applications. It is based on Svelte, a compiler that turns your Svelte components into fast and efficient JavaScript.

How to install daisyUI and Tailwind CSS in Next.js 14

How to install daisyUI and Tailwind CSS in Next.js 14

In this article, we will learn how to use daisyUI component library in Next.js.

Mary UI: Laravel blade components made with daisyUI

Mary UI: Laravel blade components made with daisyUI

Mary UI is a collection of Laravel blade components made for Livewire 3 and styled around daisyUI and 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 Astro Django Laravel Nextjs Nuxt Rails React Svelte Vue
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 with daisyUI 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.0.46
  • daisyUI 5
  • Changelog
  • Version 4.x
  • Version 3.x
  • Version 2.x
  • Version 1.x
  • Roadmap
  • Docs
    • Introduction
    • Install
    • CDN
    • Use
    • Upgrade guide
    • V5 release notes
    • Code editor & LLM setup new
    • Customize
    • Config
    • Colors
    • Themes
    • Base style
    • Utilities & variables
    • Layout & 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 updated
  • Blog
  • Resources
  • Playground
  • GitHub
  • Discord
  • Support daisyUI
  • T-shirts new
  • llms.txt new