🎉 daisyUI 5.0 升级指南
daisyUI
5.0.9
daisyUI 5
更新日志
版本 4.x
版本 3.x
版本 2.x
版本 1.x
路线图
搜索
组件
商店
主题
亮色
暗色
纸杯蛋糕
大黄蜂
祖母绿
企业
合成波
复古
赛博朋克
情人节
万圣节
花园
森林
水色
低保真
粉彩
幻想
线框
黑色
奢华
德古拉
CMYK
秋季
商务
酸性
柠檬水
夜晚
咖啡
冬季
昏暗
Nord
日落
焦糖拿铁
深渊
丝绸
创建你的主题!
EN
英语
AR
العربية
BN
বাংলা
CA
Català
CS
Čeština
DE
德语
ES
Español
FA
فارسی
FR
法语
ID
印尼语
IT
意大利语
JA
日语
KO
韩语
MS
马来语
PL
波兰语
PT
葡萄牙语
RO
罗马尼亚语
RU
俄语
UK
乌克兰语
VI
越南语
ZH
简体中文
ZH
繁體中文
daisyUI 路线图
daisyUI 路线图、里程碑和即将推出的功能
daisyUI 2
新组件:聊天
新组件:Toast 提示
新组件:径向进度条
新组件:切换
新组件:输入框组
新组件:底部导航
新颜色名称:信息内容、成功内容、警告内容、错误内容
在 tailwind.config.js 中为 daisyUI 主题添加对 RGB、HSL 等颜色格式的支持
模态框的新响应式修饰符类
统计组件的新响应式修饰符
分隔线的新响应式修饰符
评分组件的新 rating-half 修饰符,用于显示半星
遮罩组件的新修饰符:mask-half-1、mask-half-2
菜单中的空 li 标签现在显示分隔线
新主题:夜晚、咖啡、冬季、秋季、商务、酸性、柠檬水
新的“prefix”配置
新的“darkTheme”配置
daisyUI 3
新组件:加载
新组件:手风琴
新组件:连接
新组件:浏览器模型
抽屉组件支持响应式前缀
抽屉组件的键盘导航可访问性
使用 dialog 元素的模态框组件
使用 details/summary 元素的下拉菜单组件
Tooltip 提示框的键盘导航可访问性
按钮的新组件:btn-neutral 变体
菜单支持 details/summary 元素
菜单尺寸变体:menu-xs、menu-sm、menu-md、menu-lg
表格尺寸变体:table-xs、table-sm、table-md、table-lg
表格重新设计
折叠组件支持 details/summary 元素
新工具:npm init daisyui
文档
添加乌克兰语翻译
daisyUI 博客
daisyUI 新闻通讯
更新示例仓库
daisyUI 4
daisyUI 现在使用 OKLCH 颜色。解锁比 RGB/HSL 多 30% 的颜色
新组件:时间线
新组件:骨架屏
新组件:差异
新组件:主题控制器 – 无需 JS 即可更改页面主题
3 个新主题:昏暗、Nord、日落
新的“tab-content”类:无需 JS 即可切换标签页内容
将所有方向样式替换为 CSS 逻辑属性
无需任何额外配置或依赖项的 RTL 支持,使用 CSS 逻辑属性
减少 92% 的 NPM 模块依赖
减少 70% 的 node_modules 占用空间和安装大小
CSS 文件大小(CDN)缩小 15%
移除 RTLCSS、PostCSS、Tailwind CSS 依赖项
移除所有 *-focus 颜色名称。现在使用 CSS color-mix() 在底层生成更深的颜色
btn-info、btn-success、btn-warning、btn-error 现在像其他按钮一样具有悬停颜色变化
减少标签页类名重复。为“tab”项移除了 tab-lifted、tab-bordered、tab-lg、tab-md、tab-sm、tab-xs 修饰符类。为父“tabs”类添加了 tabs-lifted、tabs-bordered、tabs-lg、tabs-md、tabs-sm、tabs-xs 类。
提高与 @tailwindcss/forms 插件的兼容性
使用支持 P3 颜色的 Culori 包代替 Colord
添加分隔线颜色修饰符
添加分隔线颜色位置修饰符
文档
daisyUI 资源
daisyUI 商店
文档实用工具类
文档 CSS 变量
文档:添加波斯语翻译
文档:添加阿拉伯语翻译
文档:添加马来语翻译
文档:添加越南语翻译
文档:添加意大利语翻译
文档:添加德语翻译
文档:添加孟加拉语翻译
文档:添加波兰语翻译
文档:更新到 Svelte 5
daisyUI 5
Tailwind CSS 4 兼容性
将项目迁移到 Bun 工作区
使用 ESM
使用原生 CSS 嵌套
移除所有 JavaScript 依赖项
减少 61% 的包大小
减少 75% 的 CDN 文件大小
为颜色名称使用 Tailwind CSS 4 CSS 变量格式
使每个组件和每个主题都可作为纯 CSS 文件使用
新组件:列表、状态、字段集、标签、过滤器、日历、验证器、停靠栏
新组件:标签
新主题:焦糖拿铁、深渊、丝绸
为下拉菜单添加 popover API 支持
配置选项以包含或排除库的某些部分
添加 dash 和 soft 样式
效果:主题的可选深度和噪点效果
重构尺寸比例
可自定义的尺寸比例
可自定义的边框尺寸
使所有修饰符类名都具有响应性
可访问性改进
设计改进
将主题颜色调整为新的 Tailwind CSS 4 调色板
文档
为组件特定的 CSS 变量添加文档
添加文档基础样式
新主题生成器
新 Logo
首页重新设计
添加缺失的翻译
添加组件设计规范
添加组件可访问性指南
为网站添加常见问题解答
为第三方 JS 包添加集成教程
改进翻译文件的加载
未来
Tailwind CSS 5
预构建的 CSS 网格布局
微动画
更多主题效果
CSS 锚点定位
视图过渡 API
CSS color-contrast()
CSS 相对颜色语法
CSS 动画时间线
可折叠的浮动操作按钮
HTML invoker API
CSS @scope
您有问题吗?
在 GitHub 上提问
或
Discord 服务器
您喜欢 daisyUI 吗?
发布一下!
支持 daisyUI 的开发:
Open Collective
在 GitHub 上编辑此页面
AI 提示的文本版本
NEXUS
官方 daisyUI 仪表板模板
可在 daisyUI 商店购买
更多详情
请升级您的浏览器