MDUI

软件介绍

MDUI 是一个前端 UI 组件库，用来在网页中实现 Material Design 风格的界面。官网目前同时提供两个大版本的文档：基于 Material Design 3 和 Web Components 的 mdui 2，以及较早的 mdui 1（官网文档页写明当前为 1.0.2）。

核心功能

• mdui 2：遵循 Material Design 3 规范，基于 Web Components，用法类似原生标签；支持从颜色或壁纸生成配色的动态取色，并原生支持深色模式，可跟随系统设置切换。
• 体积与依赖：用 TypeScript 编写，不依赖第三方库；官网称 CSS 与 JS 合计约 85 KB（gzip），支持按需引入。
• 组件与图标：提供 30 多个组件和一批工具函数，另有 1 万多个可按需引入的 Material 图标。
• 开发体验：提供 VS Code 和 WebStorm 插件，有代码提示，可与 Vue、React、Angular 等框架配合使用。
• mdui 1：官网说明其不依赖任何第三方库，通过 CDN 引入 CSS 和 JS 即可使用。

支持平台与系统要求

MDUI 运行在浏览器中，不是桌面程序，没有操作系统限制。具体的浏览器兼容范围官网首页未写明，请以官方文档的兼容性页面为准。

版本与授权

项目在 GitHub 上以 MIT 协议开源。官网列出 mdui 2 和 mdui 1 两条线；GitHub 说明作者正在开发 v3，同时 mdui 2 会继续修复问题并添加功能。

适用人群或使用场景

适合需要快速搭建 Material Design 风格网页或 Web 应用的前端开发者，也适合想用轻量组件库、不愿引入重型依赖的项目。