mdui2.0 发布了。使用 Web Components 实现 Material You 设计规范的前端组件库

[zdhxiong]

官网： https://www.mdui.org/

文档： https://www.mdui.org/docs/2/

Github： https://github.com/zdhxiong/mdui

功能特性：

1. 使用 Web Components 实现：使用 mdui 就像使用 <div> 标签一样简单，且兼容所有 js 框架
2. Material You 设计规范：完全遵循 Material Design 3 （ Material You ）设计规范
3. 动态配色：支持根据给定的颜色值，或给定的图片，自动生成整套配色方案
4. 暗色模式：支持暗色模式，及根据操作系统设置自动切换亮色、暗色模式
5. IDE 支持：专门为 VSCode 和 WebStorm 提供了代码自动完成和悬停提示功能
6. 轻量级：所有 CSS 和 JS minify+gzip 后仅 85KB
7. TypeScript：组件全部使用 TypeScript 开发，包含类型声明文件，开发时可获得类型提示
8. Material Icons：提供了图标库组件，可按需导入每一个图标

[lqzhgood]

支持一下，5 年前就在用 1.0 ~

刚看到以前提的 issues 被关闭了，然后 2.0 就发了~

[cslive]

看着不错

[soya2]

支持，少有的 md you 的设计风格 ui 库

[815979670]

之前看 1.0 好久出新版了，以为被放弃了。
没想到出 2.0 了 支持啊

[jingfelix]

支持！用了好久的 MDUI ，一直期待 MD3 版本。

[815979670]

好像没有 Table 组件？

[masellum]

提个小建议：文档中 design token 这一节把 token 翻译成“令牌”有点生硬，可以考虑翻译成“元符”“词元”“标记”“形符”之类的

[makelove]

@masellum 惯例就是翻成令牌，你后面那些词谁见过

[zdhxiong]

@815979670 表格样式是有的： https://www.mdui.org/docs/2/styles/prose#table
数据表格还没有

[masellum]

@makelove
第一，你一个人读的书少没见过一些翻译方式并不代表所有人都没见过，更不代表这些词不存在。
第二，翻译得好不好和词语是否出现过、是否常见并没有关系；如果你没见过就是翻译得不好，那么所有词语的第一版翻译一定都是不好的，这显然不正确。
第三，惯例是翻成令牌也不代表这么翻译就好了；“鲁棒性”“缺省值”也是惯用的翻译，但是几乎没有人不觉得这种翻译烂。
短短十几个字暴露出你的逻辑能力之低下。

回到问题本身。无论我提供的翻译好还是不好，至少翻译成“令牌”肯定是不好的。退一万步讲，直接保留原文就叫 token ，也比会带来误解与歧义的“令牌”好。

[7gugu]

看起来很不错

[lisongeee]


右侧菜单鼠标 hover 样式怪怪的

[hhacker]

@masellum 你可真厉害，我是没看出 @makelove 仁兄哪里“逻辑能力低下了”，一言不合就上升到这种高度真的好吗🐶

[masellum]

@hhacker 如果 ta 只说觉得“令牌”翻译得就是好、我说的词就是烂，我反倒没意见了，因为这属于个人品味不同。但是一定要绕个弯子说话并给自己的发言辩护一番，导致在两句话里就有我说的三个谬误出现，我觉得是逻辑不好的体现。另外，因为 ta 先不友好地回复我，所以我不想友好地回复回去。

[Kisesy]

非常好，一直很喜欢 mdui, 不过说真的，MD1 比 2 要好很多，风格非常突出，2 的话风格是比较平淡的
我感觉微软的 Fluent UI 也非常不错，很喜欢，但是好像还没有像 mdui 这样简洁的 css 框架，希望未来有吧

[ZGame]

为啥我看文档的时候切换组件 背景颜色都要变了

[sunorg]

@masellum 没觉得他不友好。
是不是人家头像是个“笑”字，看花了。

令牌是通用，有钥匙的意在内，其他几个倒是真没见过，读起来感觉只说明“型”而无意。

[ohoh]

倒是建议楼主自定义一套 UI 风格，md 真是丑出天际

[putaozhenhaochi]

好像是移动端组件库？

[hoythan]

文档页在 Safari 卡的飞起

[NX2023]

@Kisesy 我也这么感觉，以前的更好看（

[Plumbiu]

@masellum 你这后面几个也不是同一个意思啊....