前端框架

daisyUI

<link href="https://cdn.jsdelivr.net/npm/daisyui@2.15.2/dist/full.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>

https://www.toutiao.com/article/7109656268532646400/?app=news_article&timestamp=1657461380&use_new_style=1&req_id=2022071021561901013110703601B3B8C3&group_id=7109656268532646400&share_token=C40D1ED6-E56C-49E7-ADAD-BD4626AFEFCE&tt_from=mobile_qq&utm_source=mobile_qq&utm_medium=toutiao_ios&utm_campaign=client_share&source=m_redirect

漂亮有特色的 CSS 组件库，组件代码非常简洁，也支持深度定制主题、定制组件，可以搭配 Vue / React 等框架使用。

关于 daisyUI
daisyUI 是一款极为流行的 CSS UI 组件库，作者 Pouya Saadeghi 基于大名鼎鼎的 Tailwind CSS 框架构建的组件库。截止发文日期，已经在 Github 得到 11,200 Star， 944,600 次 NPM 安装。

daisyUI - 主题漂亮、代码纯净！免费开源的 Tailwind CSS 组件库
daisyui 官网

https://tailwindcss.com/

Tailwind CSS 是一个功能类优先的 CSS 框架，通过类似于 .flex、.pt-4、.text-center、.rotate-90 这种原子类组合的 class 名快速构建网站，在 HTML 代码上就能完成开发，不需要再自己想各种 CSS 命名。

daisyUI 作为 Tailwind CSS 的组件库，不仅继承了它的优点，而且代码更简洁，主题非常漂亮有特点，打开官网就喜欢上它了。

daisyUI - 主题漂亮、代码纯净！免费开源的 Tailwind CSS 组件库
daisyui 组件

daisyUI 的技术特性
提供 45 个常用组件，多达 29 款主题，款款都是精品
相比 Tailwind CSS 的原子类，daisyUI 采用语义化的 class 名，写出更纯净的 HTML
支持深度自定义、可定制主题
是一个纯净 CSS 组件，所以支持和任意 Vue / React 这样的框架一起使用
daisyUI - 主题漂亮、代码纯净！免费开源的 Tailwind CSS 组件库
支持搭配使用的框架

开发上手体验和使用感受
首先说说我最喜欢的主题，daisyUI 提供了 29 款主题，配色很舒服，各有特色，我首先想到用来做个人网站的主题，一定会很酷。

主题风格预览

免费开源说明
daisyUI 是基于 Tailwind CSS 构建的 CSS 组件库，源码基于 MIT 开源协议托管在 Github 上，任何个人和公司都可以免费下载使用，也可以用于商业项目。

和 daisyUI 类似的框架还有之前推荐过的 Bootstrap 和 Pico.css，感兴趣的开发者也可以前往了解。

关注我，持续分享高质量的免费开源、免费商用的资源。

↓↓点【了解更多】查看本次分享的网址。

文档更新时间: 2023-01-11 19:55 作者：admin

daisyUI

javascript 统计分析

去重、统计

jssql

jstat

fabric 画布

VR、AR

复制黏贴