name: daisyui-install
description: Installation notes for daisyUI 5
daisyUI 5 install notes
install guide
- daisyUI 5 requires Tailwind CSS 4
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.- daisyUI 5 can be installed using
npm i -D daisyui@latest and then adding @plugin "daisyui"; to the CSS file
- 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>
- A CSS file with Tailwind CSS and daisyUI looks like this (if it's a node dependency)
@import "tailwindcss";
@plugin "daisyui";
By