MDUI 是一个基于 Material Design 的前端框架。
QQ群:635509201
特性
轻量级
- CSS 文件仅 32KB minified + gzip
- JavaScript 文件仅 19KB minified + gzip
多主题
CSS 文件中已经包含了 19种主色主题、16种强调色主题、1种夜间主题,只需添加一个 CSS 类,即可实现主题的切换。
响应式
移动优先,可适配所有屏幕。
无依赖
MDUI 使用纯 JavaScript 编写,没有任何依赖。
获取 MDUI
可以通过下列方式获取 MDUI:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/css/mdui.min.css"
integrity="sha384-2PJ2u4NYg6jCNNpv3i1hK9AoAqODy6CdiC+gYiL2DVx+ku5wzJMFNdE3RoWfBIRP"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/mdui@1.0.0/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 持续更新