开源软件名称（OpenSource Name）：

开源软件地址(OpenSource Url)：

开源编程语言(OpenSource Language)：

开源软件介绍(OpenSource Introduction)：

MDUI

MDUI 是一个基于 Material Design 的前端框架。

QQ群：635509201

中文文档

特性

轻量级

• CSS 文件仅 32KB minified + gzip
• JavaScript 文件仅 19KB minified + gzip

多主题

CSS 文件中已经包含了 19种主色主题、16种强调色主题、1种夜间主题，只需添加一个 CSS 类，即可实现主题的切换。

响应式

移动优先，可适配所有屏幕。

无依赖

MDUI 使用纯 JavaScript 编写，没有任何依赖。

获取 MDUI

可以通过下列方式获取 MDUI：

• 下载压缩包
• 从 CDN 获取

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/mdui.min.css"
  integrity="sha384-2PJ2u4NYg6jCNNpv3i1hK9AoAqODy6CdiC+gYiL2DVx+ku5wzJMFNdE3RoWfBIRP"
  crossorigin="anonymous"
/>
<script
  src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/mdui.min.js"
  integrity="sha384-aB8rnkAu/GBsQ1q6dwTySnlrrbhqDwrDnpVHR2Wgm8pWLbwUnzDcIROX3VvCbaK+"
  crossorigin="anonymous"
></script>

• 通过 npm 安装: npm install mdui
• 从 Github 下载源码: git clone https://github.com/zdhxiong/mdui.git

兼容性

MDUI 在下列浏览器中经过测试

• IE 11+
• 最新版的 Firefox、Chrome、Safari、Edge

赞助

赞助以帮助 MDUI 持续更新