daisyui-install

Guides installation of daisyUI 5 with Tailwind CSS 4 across frameworks and CDN setups.

Updated May 26, 2026
One-click install
npx skills add https://github.com/rmethodm/resumegen --skill daisyui-install-rmethodm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: daisyui-install
Source: https://github.com/rmethodm/resumegen/tree/main/.agents/skills/daisyui/install
Command: npx skills add https://github.com/rmethodm/resumegen --skill daisyui-install-rmethodm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires daisyui, tailwindcss.

What problem does it solve? Setting up daisyUI 5 incorrectly is common because it requires Tailwind CSS 4, which deprecates the familiar tailwind.config.js file and changes how plugins are registered. This Skill provides the correct installation steps so you avoid broken builds and outdated configuration patterns. ## Core Features & Use Cases - Correct Tailwind CSS 4 setup: Explains that tailwind.config.js is deprecated and that only @import "tailwindcss"; plus @plugin "daisyui"; are needed in the CSS file. - npm and CDN installation paths: Covers npm i -D daisyui@latest for node-based projects and precompiled CDN links for no-install browser setups, including the themes.css bundle. - Framework-specific guidance: Points to official install guides for Laravel, Next.js, Vite, Vue, SvelteKit, Rails, Django, and many other frameworks and build tools. - Use Case: You are adding daisyUI to a Laravel or Vite project and your old tailwind.config.js approach no longer works; this Skill gives you the exact CSS-based setup for Tailwind CSS 4. ## Quick Start Use the daisyui-install skill to set up daisyUI 5 in my project with Tailwind CSS 4.

Frequently Asked Questions about daisyui-install

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I install daisyUI 5 with Tailwind CSS 4?▼

Install daisyUI 5 by running npm i -D daisyui@latest, then add @import "tailwindcss"; and @plugin "daisyui"; to your CSS file. No tailwind.config.js file is needed because Tailwind CSS v4 deprecated it.

How to use daisyUI 5 from a CDN without npm?▼

Load the precompiled daisyUI CSS and Tailwind's browser build via CDN link and script tags from jsdelivr. The main CDN file includes light and dark themes, and daisyui@5/themes.css loads every built-in theme.

Does daisyUI 5 work with tailwind.config.js?▼

No, daisyUI 5 requires Tailwind CSS 4, which deprecates tailwind.config.js. Configuration moves into the CSS file using @import "tailwindcss"; and the @plugin directive instead.

Can I use daisyUI 5 with Laravel or Next.js?▼

Yes, daisyUI 5 supports many frameworks including Laravel, Next.js, Vite, Vue, SvelteKit, Rails, and Django. Each framework has a dedicated install guide with specific file paths and integration steps you should follow.

What are the limitations of the daisyUI CDN build?▼

The CDN files do not include the is-drawer-open: and is-drawer-close: variants. Individual daisyUI CSS modules can be combined from the CDN, but npm installation is the suggested approach for full functionality.