一款为 Claude Code、Cursor、Codex 等 AI 编程工具准备的设计技能，让生成的界面不再像 AI 随手做出来的。
3万1566CSSMIT更新于 2个月前
saadeghi/daisyui
基于 Tailwind CSS 的开源组件库，通过类名提供现成的 UI 组件。
- Star
- 42,625
- Fork
- 1,711
- 未关闭 Issue
- 32
- 最近提交
- 前天
这是什么？
daisyUI 是一个面向 Tailwind CSS 的组件库。开发者无需每次用原子类手动拼出按钮、卡片、弹窗和表单控件，只需使用 btn、card、modal 等语义化类名，样式即由 daisyUI 的 Tailwind 插件提供。
组件库内置多套主题，可通过 data 属性切换，同一套标记即可套用不同配色。组件本质是普通的 HTML 与 CSS 类名，因此可以配合任何前端框架使用，也可以不依赖框架。
项目通过 npm 分发，也可从 CDN 直接引入，采用 MIT 许可证。当前主版本为 daisyUI 5。
核心功能
- 01基于 Tailwind CSS 提供 btn、card、modal 等语义化组件类名。
- 02内置多套主题，可通过 data 属性切换。
- 03纯 HTML 与 CSS 实现，可配合任何前端框架使用。
- 04支持通过 npm 安装或从 CDN 直接引入。
适用场景
- 在 Tailwind CSS 基础上快速搭建官网或后台界面。
- 无需编写自定义组件样式，即可统一按钮、表单和弹窗的外观。
- 用可随时切换的主题快速原型化界面。
快速上手
- 1
打开官网的安装指南
使用前须知
- 它只能在 Tailwind CSS 之上使用，因此需要先配置 Tailwind。
标签
常见问题
- daisyui 是什么？
- 基于 Tailwind CSS 的开源组件库，通过类名提供现成的 UI 组件。 daisyUI 是一个面向 Tailwind CSS 的组件库。开发者无需每次用原子类手动拼出按钮、卡片、弹窗和表单控件，只需使用 btn、card、modal 等语义化类名，样式即由 daisyUI 的 Tailwind 插件提供。
- daisyui 可以免费使用吗？用的什么许可证？
- daisyui 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- daisyui 还在维护吗？
- 活跃维护中。daisyui 最近一次提交是在 2026年10月17日。
- daisyui 适合用来做什么？
- 在 Tailwind CSS 基础上快速搭建官网或后台界面。 无需编写自定义组件样式，即可统一按钮、表单和弹窗的外观。 用可随时切换的主题快速原型化界面。
- daisyui 怎么安装和运行？
- 打开官网的安装指南
- 在哪里获取 daisyui？
- 源代码和安装说明在 GitHub 上：https://github.com/saadeghi/daisyui
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
基于 React 19 与 StyleX 构建的开源设计系统，提供 150 多个无障碍组件、主题和 CLI。
1.4万1180TypeScriptMIT更新于 6小时前
一组 Agent Skills，让编程智能体设计有个性的前端页面，而不是千篇一律的 AI 模板页。
9.9万6739JavaScriptMIT更新于 17小时前
一组面向 AI 编程助手的技能包，把动效与 UI 设计的专业经验编码成可执行的规则。
4.7万2737MarkdownMIT更新于 8天前
一组面向 Agent 的技能集合，帮助构建更好的界面，涵盖无障碍、布局、排版、配色、文案与细节打磨。
8038307MarkdownMIT更新于 7天前
命令行工具，用无头浏览器读取任意网站的设计系统，输出 DTCG 令牌、Tailwind 配置、Figma 变量等文件。
4261371HTMLMIT更新于 11天前