- 综合排序
- 最热优先
- 最新优先
- 来自专栏coding个人笔记
tailwindcss 与 daisyUI
daisyUI是使用 tailwindcss 构建的 UI 库，可以官网看一下，确实是有点酷炫。 daisyUI 为 Tailwind CSS 添加了类名以支持所有常用的 UI 组件。
87020编辑于 2023-11-09 - 来自专栏HHTjim'S 部落格
tailwind + daisyui 开发初始化
创建项目和容器镜像 基于nodejs的docker镜像安装tailwindcss，daisyui 新建目录tailwind-project $ mkdir -p . ;npx tailwindcss-cli init;bash' install -D 参数表示dev daisyUI为组件库 可取消 显示「Created Tailwind css config file: tailwind.config.js」 即创建成功 安装成功的npm包： root@4e27e6ae691b:/data# npm list data@ /data +-- daisyui {html,js}"], theme: { extend: {}, }, plugins: [ require("daisyui"), ], daisyui: { daisyui.themes : 设置daisyui的默认主题为emerald 热更新监听 使用tailwindcss命令监听html文件变更，自动输出class的css代码到output.css
1.3K10编辑于 2022-10-31 - 来自专栏前端实验室
国外最流行的UI组件库竟然长这个样子！！！
都说外国的月亮比较圆，大师兄这一段时间也赏了不少外国的“月亮” 今天就给大家介绍一款极为流行的 UI 组件库，到底“圆”不“圆”，大家说了算 daisyUI daisyUI的作者是Pouya Saadeghi ，也是大名鼎鼎的 TailwindCSS 框架构建者 daisyUI 作为 Tailwind CSS 的组件库，不仅继承了它的优点，而且代码更简洁，主题非常漂亮有特点，打开官网就喜欢上它了。 特点 提供 45 个常用组件，多达 29 款主题，款款都是精品 相比 Tailwind CSS 的原子类，daisyUI 采用语义化的 class 名，写出更纯净的 HTML 支持深度自定义、可定制主题 安装 daisyUI: npm i daisyui 然后，在你的tailwind.config.js文件里追加 daisyUI 的设置: module.exports = { //... plugins: [require("daisyui")], } daisyUI官网：https://daisyui.com/ 写在最后 欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点
4.8K20编辑于 2022-12-02 - 来自专栏程序猿的栖息地
由Tailwind CSS 开发的一个最受欢迎的组件库，含60多种组件，提供html和jsx的示例
官网:https://daisyui.com 这是由Tailwind CSS 开发的一个最受欢迎的组件库，在国外非常流行，目前已经迭代多个版本，并且在github上收获超过37K star 纯 CSS。 daisyUI 是 Tailwind CSS 的插件。它适用于所有 JS 框架，不需要 JS 捆绑文件。 将 daisyUI 作为开发依赖项安装，并像任何其他 Tailwind CSS 实用类一样使用 daisyUI 提供多种主题色，同时也可以自定义主题 该组件适用于任何的js框架，采用的语义化的类名，代码层面上更简洁 使用 daisyUI 主题生成器为自己创建一个定制主题。您选择的色彩将应用于所有 daisyUI 组件。 61 个组件 500+ 个实用类 无限可能无限可能 混合搭配 daisyUI 来创建独特的网页。
77010编辑于 2025-07-16 - 来自专栏开源服务指南
daisyUI：最受欢迎的 Tailwind CSS 组件库 | 开源日报 No.181
saadeghi/daisyuihttps://github.com/saadeghi/daisyui Stars: 26.2k License: MIT picture daisyUI 是 Tailwind
1.9K11编辑于 2024-02-26 - 来自专栏HelloGitHub
这些新项目一定不要错过「GitHub 热点速览」
GitHub 地址→https://github.com/loro-dev/loro 2.4 UI 组件：daisyui 本周 star 增长数：1,000+，主语言：CSS 一个 Tailwind CSS 安装 daisyUI 之后，tailwind.config.js 文件里替换 daisyUI 的设置即可使用。 GitHub 地址→https://github.com/saadeghi/daisyui 2.5 文本转语音：EmotiVoice 本周 star 增长数：3,800+，主语言：Python EmotiVoice
62850编辑于 2023-11-20 - 来自专栏开源服务指南
开源 UI 设计：灵活定制新趋势 | 开源专题 No.86
saadeghi/daisyuihttps://github.com/saadeghi/daisyui Stars: 31.3k License: MIT daisyUI 是 Tailwind CSS
45810编辑于 2024-06-11 初识 Tailwind CSS：怎么用它高效写出“像没写过 CSS 一样”的页面
bg-slate-100` 是一种常见的灰白背景不仅如此，还有插件生态：- `@tailwindcss/forms`：处理表单样式- `@tailwindcss/typography`：富文本优化- `daisyUI tailwindcss.com/docs)- [ServBay 官网](https://servbay.com/)- [Tailwind UI（官方组件库）](https://tailwindui.com/)- [daisyUI （组件库）](https://daisyui.com/)- [VSCode Tailwind IntelliSense 插件](https://marketplace.visualstudio.com
61600编辑于 2025-08-06- 来自专栏机器学习与统计学
回归初心，用纯 Python 构建现代化 Web 应用
示例 2：使用 DaisyUI 构建聊天机器人界面 fasthtml 并不局限于自带的样式，你可以轻松集成任何 CSS 框架，比如流行的 TailwindCSS 和 DaisyUI。 fasthtml Chatbot 示例 集成方式： 将 Tailwind 和 DaisyUI 的 CDN 链接引入页面的 <head> 中。 将 DaisyUI 提供的 HTML 示例代码，用 fasthtml 的 Python 类进行重写，封装成一个 ChatMessage 组件。 (src="https://cdn.tailwindcss.com"), Link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/daisyui
59521编辑于 2025-07-29 82.7K star！大气炫酷UI开源项目，超级火！
——某金融科技公司前端主管项目效果同类优质项目推荐NextUI：面向 React 的现代组件库，主打动效表现DaisyUI：Tailwind CSS 的组件扩展插件生态Mantine：面向企业应用的 React
70300编辑于 2025-03-15实录: CloudBase AI CLI 运行实操
前端技术栈框架: React 18 (最新版本)构建工具: Vite 6.3.5 (极速构建)路由: React Router 6 (HashRouter模式)样式: Tailwind CSS 3.4.17 + DaisyUI 问题动态路由: 支持参数化路由和嵌套路由编程式导航: 支持 useNavigate HookUI设计响应式设计: 移动端优先，适配各种屏幕动画效果: Framer Motion 提供流畅的页面过渡组件库: DaisyUI daisyUI 5.0.35 / │ │ ✓ 575 modules transformed. 前端技术栈框架: React 18 (最新版本)构建工具: Vite 6.3.5 (极速构建)路由: React Router 6 (HashRouter模式)样式: Tailwind CSS 3.4.17 + DaisyUI 问题动态路由: 支持参数化路由和嵌套路由编程式导航: 支持 useNavigate HookUI设计响应式设计: 移动端优先，适配各种屏幕动画效果: Framer Motion 提供流畅的页面过渡组件库: DaisyUI
1.2K20编辑于 2025-08-14- 来自专栏开源服务指南
新一代 Git 工具，AI 赋能！深度集成、简化操作 | 开源日报 No.194
提供了包括网站、API 等多种形式来查看和使用清单 清单内容详尽，涵盖了各个方面的数字安全建议 网站采用 Qwik 构建，使用 TypeScript 和 DaisyUI 组件开发 提供免费 API 接口
82211编辑于 2024-02-26 - 来自专栏前端专享
TailwindCSS 资源推荐
补充 daisyui 基于 tailwind css 但是你的html 可以不那么臃肿，只需要 使用btn card 这些样式，就可以生成组件样式，并且样式支持高度自定义和多皮肤
2.1K20编辑于 2022-01-20 - 来自专栏FreeBuf
Columbus：一个基于API实现的子域名发现服务工具
前端架构 HTML+tailwindcss+DaisyUI 工具使用演示 在下面给出的工具使用演示样例中，Columbus可以在不到一秒钟的时间里返回tesla.com的763个子域名：
33820编辑于 2023-09-28 - 来自专栏开源服务指南
数字隐私全面守护：清单在手，安全无忧 | 开源专题 No.87
提供了包括网站、API 等多种形式来查看和使用清单 清单内容详尽，涵盖了各个方面的数字安全建议 网站采用 Qwik 构建，使用 TypeScript 和 DaisyUI 组件开发 提供免费 API 接口
25410编辑于 2024-06-11 AI 加 CloudBase 帮我从零快速打造儿童英语故事学习乐园
技术架构前端开发开发环境: CodeBuddy IDE技术栈: Vue3 + Tailwind CSS + DaisyUI 组件库特点: 响应式设计、现代化UI组件、流畅的用户体验后端深度集成 CloudBase
38132编辑于 2025-12-22- 来自专栏云开发
【CloudBase MCP 升级福利】你的AI开发搭子已进化！晒出AI Coding项目领取周边礼品
前端使用CodeBuddy IDE ⚡技术栈：Vue3 + Tailwind CSS +DaisyUI 组件库 后端深度集成 CloudBase ⚡资源：身份认证+云数据库+云函数+云存储+静态网站托管
70141编辑于 2026-01-04 仅 10MB 开源工具，一键远程唤醒关机电脑！
技术栈UpSnap 采用前后端分离架构，技术选型聚焦轻量、高性能和易维护：1.前端框架：SvelteKit + TypeScript（轻量、无虚拟 DOM，渲染性能优异）样式：TailwindCSS + daisyUI
33910编辑于 2026-01-24- 来自专栏小鑫同学编程历险记
全流程 Chrome 扩展开发之按键提示
/popup/popup.html" }, "permissions": [ "activeTab", "storage" ] } 安装 daisyui 并配置到 tailwind.config.js ： npm install -D daisyui /** @type {import('tailwindcss').Config} */ module.exports = { plugins: [ require('daisyui') ] } RxJS 强化 StorageChange： Storage 是用于扩展程序保留用户数据和状态一组 API，下面是对 getter 和 setter
65510编辑于 2024-08-06 log-lottery：不只是炫酷的3D抽奖，更是学习前端开发的最佳实践
Vue3-最新版的Vue框架，展示组合式API的最佳实践Three.js-业界领先的3D图形库，实现惊艳的视觉效果IndexedDB-浏览器本地数据库，实现数据的持久化存储Pinia-Vue的现代状态管理库DaisyUI-TailwindCSS
55021编辑于 2026-02-04
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号