DaisyUI 是一款面向 Tailwind CSS 的组件库，官方定位为最流行的 Tailwind CSS 组件库。它用语义化类名为 50 多个组件提供预置样式，并带有内置主题、深色模式和自定义能力，产品定位为框架无关（framework-agnostic）且可用于生产环境。
用途
当你使用 Tailwind CSS 构建界面并需要预置样式的组件时，可以使用 DaisyUI；当你希望使用语义化类名（例如 btn、card）而不是纯工具类方式时，可以使用它；当你需要内置主题系统、30 多个主题以及深色模式时，可以使用它；当你需要在 React、Vue、Svelte 或原生 HTML 之间保持统一设计系统时，可以使用它；当你希望用现成组件快速原型时，可以使用它；当你需要遵循语义化 HTML 模式的可访问组件时，也可以使用它。
主要能力
DaisyUI 提供 50 多个带语义类名的组件，官方文档中展开的类别包括：按钮（Buttons）、卡片（Cards）、模态框（Modals）、表单（Forms）、导航（Navigation）、布局组件（Layout Components）、数据展示（Data Display）、反馈组件（Feedback Components）以及主题系统（Theming System）。组件支持多种变体、尺寸、状态与形状，例如按钮提供默认、primary、secondary、accent、ghost、link 等变体，lg、md、sm、xs 等尺寸，active、disabled、loading 等状态，以及 circle、square、wide、block 等形状。
在主题方面，DaisyUI 内置 30 多个预置主题，示例包括 light、dark、cupcake、bumblebee、emerald、corporate、synthwave、retro、cyberpunk、valentine、halloween、garden、forest、aqua、lofi、pastel、fantasy、wireframe、black、luxury 等。文档中示例的配置项包括 themes（启用指定主题）、darkTheme（默认深色主题）、base（基础样式）、styled（组件样式）、utils（工具类）。
使用方式
安装命令为：
npm install -D daisyui@latest
配置方式为在 tailwind.config.js 中添加插件与配置，例如：
module.exports = { plugins: [require("daisyui")], daisyui: { themes: ["light", "dark", "cupcake"], darkTheme: "dark", base: true, styled: true, utils: true, }, }
使用时直接在 HTML 元素上添加 DaisyUI 类名即可，例如按钮：<button class="btn btn-primary">Primary Button</button>；卡片使用 card、card-body、card-title、card-actions 等类名；模态框使用原生 dialog 元素配合 modal、modal-box、modal-action 等类名，并通过 JavaScript 调用 showModal() 打开，也可使用 modal-backdrop 背景和响应式类名（如 modal-bottom sm:modal-middle）。
适用场景与限制
根据资料，DaisyUI 适合使用 Tailwind CSS 并需要现成组件、主题系统与跨框架一致性的项目，也适合快速原型开发。它被描述为框架无关、可用于生产。资料中未说明定价、收费模式、具体组件总数之外的完整清单、具体版本支持范围、浏览器兼容性细节或性能数据，这些内容暂未提供。