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

前端   2025-08-17 21:56   91   0  

官网: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代码,颜值非常高

图片


下一篇
没有了
博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。