iYuan
首页
注册

通过包管理器安装

# 通过 npm 安装
npm install mdui --save

# 通过 yarn 安装
yarn add mdui

从 CDN 引入

<!-- MDUI CSS -->
<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"
/>

<!-- MDUI JavaScript -->
<script
  src="https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/js/mdui.min.js"
  integrity="sha384-aB8rnkAu/GBsQ1q6dwTySnlrrbhqDwrDnpVHR2Wgm8pWLbwUnzDcIROX3VvCbaK+"
  crossorigin="anonymous"
></script>

特色

19 种主色、16 种强调色、1 种夜间主题,只需添加一个 CSS 类即可切换。且支持根据操作系统主题自动切换主题。
CSS 仅 32KB,JavaScript 仅 19KB,加载更迅速。
全部使用 TypeScript 开发,拥有完美的类型提示。
移动优先,从小屏逐步扩展到大屏,最终实现所有屏幕适配。
不依赖任何第三方库,节约网络流量,使加载更迅速,提高用户体验。
使用 CSS3 来做动画交互,平滑、高效,让 Web 应用的动画更流畅。
MDUI 包含了 20 余个组件,且每个组件都可以适应不同主题。
只需懂一点 HTML、CSS、JS 的基础知识,就能使用 MDUI。