daisyui

Installation
SKILL.md

daisyUI

daisyUI is a Tailwind CSS plugin that adds semantic component class names (btn, card, modal, navbar, ...) styled via CSS variables and swappable themes. This is a fundamentally different approach from shadcn/ui (unstyled Radix primitives copy-pasted into components/ui/ and styled with raw utility classes) — the two are usually not combined in the same project.

Decision Point — Check Before Applying

Before writing any daisyUI class or adding the plugin, determine which component approach the project already uses:

# daisyUI signals
grep -r '@plugin "daisyui"' --include='*.css' .
grep '"daisyui"' package.json
grep -r 'data-theme' --include='*.tsx' --include='*.html' -l .

# shadcn/ui signals
test -f components.json && cat components.json
grep '"@radix-ui' package.json
Installs
3
First Seen
Aug 23, 2026
daisyui — yuen30/my-skills