AI Skills
daisyui-install

daisyui-install

Popular

Installation notes for daisyUI 5

42Kstars
1.7Kforks
Updated 7/12/2026
Get SkillSource Code

Related Skills

design-system106Knext-cache-components-adoption141Kfix247K
SKILL.md
readonlyread-only
name
daisyui-install
description

Installation notes for daisyUI 5

daisyUI 5 install notes

install guide

  1. daisyUI 5 requires Tailwind CSS 4
  2. tailwind.config.js file is deprecated in Tailwind CSS v4. Do not use tailwind.config.js. Tailwind CSS v4 only needs @import "tailwindcss"; in the CSS file if it's a node dependency.
  3. daisyUI 5 can be installed using npm i -D daisyui@latest and then adding @plugin "daisyui"; to the CSS file
  4. daisyUI is suggested to be installed as a dependency but if you really want to use it from CDN, you can use Tailwind CSS and daisyUI CDN files:
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
  1. A CSS file with Tailwind CSS and daisyUI looks like this (if it's a node dependency)
@import "tailwindcss";
@plugin "daisyui";