mdui
Version:
a CSS Framework based on material design
71 lines (48 loc) • 2.38 kB
Markdown
# [MDUI](https://mdui.org)
[](https://badge.fury.io/gh/zdhxiong%2Fmdui)
[](https://www.npmjs.com/package/mdui)
[](https://david-dm.org/zdhxiong/mdui)
[](https://david-dm.org/zdhxiong/mdui?type=dev)
[](https://travis-ci.org/zdhxiong/mdui)
[](https://cdnjs.com/libraries/mdui)
MDUI 是一个基于 Material Design 的前端框架。
QQ群：[635509201](https://jq.qq.com/?_wv=1027&k=53jpYKH)
## [中文文档](https://mdui.org/docs)
## 特性
### 轻量级
- CSS 文件仅 **32KB minified + gzip**
- JavaScript 文件仅 **19KB minified + gzip**
### 多主题
CSS 文件中已经包含了 **19种主色主题**、**16种强调色主题**、**1种夜间主题**，只需添加一个 CSS 类，即可实现主题的切换。
### 响应式
移动优先，可适配所有屏幕。
### 无依赖
MDUI 使用纯 JavaScript 编写，没有任何依赖。
## 获取 MDUI
可以通过下列方式获取 MDUI：
- [下载压缩包](https://github.com/zdhxiong/mdui/releases)
- 从 CDN 获取
```html
<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 持续更新
[](https://www.paypal.me/zdhxiong/5)