mdui - Material Design 3 开源前端组件库，基于 Web Components

Web Components

mdui 组件全部使用 Web Components 开发，使用组件就像使用 <div> 标签一样简单。

遵循最新的 Material Design 3（Material You）设计规范，使你的产品美观、易用。

支持根据给定颜色值，或给定的一张图片，生成整套配色方案，并在所有 mdui 组件中生效。

所有组件都支持暗色模式、及支持根据操作系统设置自动切换亮色模式和暗色模式。

gzip 后的 CSS + JavaScript 仅 85KB，使用按需导入还可进一步减小体积。

在 VSCode 和 WebStorm 中能获得完美的代码提示。且提供了 VSCode 扩展和 WebStorm 插件，使开发更便捷。

mdui 能兼容 Vue、React、Angular 等框架，只要在浏览器上运行的应用，都能使用 mdui。

mdui 完全使用 TypeScript 开发，拥有完美的类型提示。

不需要依赖任何第三方库，节约网络流量，使加载更迅速。

mdui 包含 30 多个组件，及十余个工具函数，常用组件都有。

提供了超过 1 万个图标组件，可按需导入所需图标。

只需懂一点 HTML、CSS、JavaScript 的基础知识，就能使用 mdui。