首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >由Tailwind CSS 开发的一个最受欢迎的组件库,含60多种组件,提供html和jsx的示例

由Tailwind CSS 开发的一个最受欢迎的组件库,含60多种组件,提供html和jsx的示例

作者头像
程序猿的栖息地
发布2025-07-16 16:28:40
发布2025-07-16 16:28:40
3560
举报

官网:https://daisyui.com

这是由Tailwind CSS 开发的一个最受欢迎的组件库,在国外非常流行,目前已经迭代多个版本,并且在github上收获超过37K star

图片
图片

纯 CSS。 框架无关。 随处可用。

daisyUI 是 Tailwind CSS 的插件。它适用于所有 JS 框架,不需要 JS 捆绑文件。

将 daisyUI 作为开发依赖项安装,并像任何其他 Tailwind CSS 实用类一样使用 daisyUI

提供多种主题色,同时也可以自定义主题

图片
图片

该组件适用于任何的js框架,采用的语义化的类名,代码层面上更简洁

图片
图片

让 Tailwind CSS 进入下一个阶段

daisyUI 为 Tailwind CSS 添加了类名 来支持所有常见的 UI 组件 如 btn , card , toggle 等。

这让我们可以专注于重要的事情 而不是为每个项目美化基本元素的样式。

不 再 有丑陋的 HTML

编写更少的类名 并使用组件类名 再使用 Tailwind CSS 工具类修改它们。

图片
图片

应用 您自己的 设计 设计 决定

您的网站应该独一无二。使用 daisyUI 主题生成器为自己创建一个定制主题。您选择的色彩将应用于所有 daisyUI 组件。

61 个组件 500+ 个实用类 无限可能无限可能

混合搭配 daisyUI 来创建独特的网页。

图片
图片

文档提供近20种语言译,非常的人性化

图片
图片

里面包含的组件超过60多种,都是提供html和jsx的示例,不必再编写额外的js代码,颜值非常高

图片
图片
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2025-07-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 程序猿的栖息地 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 纯 CSS。 框架无关。 随处可用。
  • 让 Tailwind CSS 进入下一个阶段
  • 不 再 有丑陋的 HTML
  • 应用 您自己的 设计 设计 决定
  • 61 个组件 500+ 个实用类 无限可能无限可能
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档