• Stars
    star
    3,699
  • Rank 11,950 (Top 0.3 %)
  • Language
    TypeScript
  • Created over 8 years ago
  • Updated 11 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

mdui 是使用 Web Components 实现 Material You 设计规范的前端组件库

MDUI

GitHub version npm version dependencies Status devDependencies Status Build Status CDNJS

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/[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 持续更新

通过支付宝赞助 通过微信赞助 通过 Paypal 赞助