skills.rest
Ocyss
OcyssCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

daisyui-install

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

Updated Sep 13, 2026
Search Tags:#frontend#tailwind css#cdn#ui components#installation#daisyui#css plugin
One-click install
npx skills add https://github.com/Ocyss/srs-auth --skill daisyui-install-ocyss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: daisyui-install
Source: https://github.com/Ocyss/srs-auth/tree/main/.agents/skills/daisyui/install
Command: npx skills add https://github.com/Ocyss/srs-auth --skill daisyui-install-ocyss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires daisyui, tailwindcss.

What problem does it solve? Setting up daisyUI 5 correctly is confusing because it requires Tailwind CSS 4, which deprecates the familiar tailwind.config.js file and changes how plugins are registered. This Skill provides accurate installation instructions so you avoid misconfigured CSS setups. ## 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. - CDN and npm Options: Covers both npm i -D daisyui@latest installation and no-install CDN usage with precompiled daisyUI CSS and the Tailwind browser build. - Framework-Specific Guides: Routes you to the right integration guide for over 30 frameworks including Vite, Next.js, SvelteKit, Dioxus, and Astro. - Use Case: You are starting a new Vite project and want themed UI components. Use this Skill to install daisyUI 5 correctly the first time without wrestling with outdated Tailwind v3 configuration advice. ## Quick Start Ask the assistant to set up daisyUI 5 in your project and specify your framework, such as Vite or Next.js.

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.

Can I use daisyUI 5 from a CDN without npm?▼

Yes, daisyUI 5 works from a CDN by linking the precompiled daisyUI CSS file and the Tailwind browser build script. Note that the is-drawer-open and is-drawer-close variants are not included in CDN files.

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.

Which frameworks support daisyUI 5 installation?▼

daisyUI 5 provides official install guides for over 30 frameworks and tools, including Vite, Next.js, Nuxt, SvelteKit, Astro, Angular, React, Vue, Dioxus, Rails, Laravel, and a standalone Tailwind CLI setup.

How do I load all daisyUI themes from the CDN?▼

Load every built-in daisyUI theme by linking the themes.css CDN file at cdn.jsdelivr.net/npm/daisyui@5/themes.css. The main CDN file only includes the light and dark themes by default.

Related Skills

Explore More Software Engineering Skills→
rmethodmrmethodm

daisyui-install

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

Community
Basic
aster-voidaster-void

daisyui

Apply DaisyUI semantic components and themes within Tailwind projects.

Community
Basic
discoursediscourse
47.8k

discourse-writing-html-css

Write and repair HTML, CSS, and SCSS for Discourse core, plugins, themes, and theme components.

Official
Advanced
fgarofalo56fgarofalo56
6

tailwind-ui

Guide Tailwind CSS styling for responsive UI components with utility classes.

Community
Intermediate