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

爱意满满的作品展示区。

This topic created in 1123 days ago, the information mentioned may be changed or developed.

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

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

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

功能特性：

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

material

暗色

TypeScript

mdui

22 replies • 2023-10-18 21:17:33 +08:00

lqzhgood

Oct 17, 2023

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

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

cslive

Oct 17, 2023

看着不错

soya2

Oct 17, 2023

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

815979670

Oct 17, 2023

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

jingfelix

Oct 17, 2023

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

815979670

Oct 17, 2023

好像没有 Table 组件？

masellum

Oct 17, 2023

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

makelove

Oct 17, 2023

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

zdhxiong

Oct 17, 2023

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

masellum

Oct 17, 2023

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

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