用途:daisyUI 5 是 Tailwind CSS 4 的 CSS 组件库,提供常见 UI 组件的类名,用于快速构建一致、无障碍且主题感知的网页界面。
主要能力:内置大量组件类(如按钮、卡片、模态框、警告框、导航栏、抽屉等),支持语义化颜色系统与多套内置主题、自定义主题、暗色模式,可配合 Tailwind 工具类微调样式。
安装与用法:需 Tailwind CSS 4,Tailwind v4 中 tailwind.config.js 已弃用。npm 安装:npm i -D daisyui@latest;在 CSS 中写入 @import "tailwindcss"; @plugin "daisyui";。也可用 CDN 方式引入样式与 Tailwind 浏览器脚本。配置通过 @plugin "daisyui" { themes: ... } 等参数完成,可用 data-theme 属性切换主题,或用主题生成器/手写 @plugin "daisyui/theme" 定义自定义主题。使用规则:在 HTML 元素上添加组件/部件/修饰类,用 Tailwind 工具类定制,避免用 Tailwind 文本颜色导致暗色主题不可读。
适用场景:用 HTML/Tailwind 构建网页界面。限制:需 Tailwind CSS 4,未提供定价、平台与效果等信息。