沐风の秘密基地
青春とは、七つの自分に会えること。
沐风の秘密基地

MDUI 一个轻量级MaterialDesign样式框架

介绍

MDUI – Material Design User Interface

MDUI 漂亮、轻量且好用,它能让你更轻松地开发 Material Design 网页应用。

安装

通过包管理器安装

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

# 通过 yarn 安装
yarn add mdui

直接下载

https://cdn.w3cbus.com/mdui.org/mdui-v1.0.1.zip

从CDN引入

<!-- MDUI CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"/>

<!-- MDUI JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"></script>

特色

多主题

19 种主色、16 种强调色、1 种夜间主题,只需添加一个 CSS 类即可切换。且支持根据操作系统主题自动切换主题。

轻量级

CSS 仅 32KB,JavaScript 仅 19KB,加载更迅速。

TypeScript

全部使用 TypeScript 开发,拥有完美的类型提示。

响应式

移动优先,从小屏逐步扩展到大屏,最终实现所有屏幕适配。

无依赖

不依赖任何第三方库,节约网络流量,使加载更迅速,提高用户体验。

高性能

使用 CSS3 来做动画交互,平滑、高效,让 Web 应用的动画更流畅。

组件丰富

MDUI 包含了 20 余个组件,且每个组件都可以适应不同主题。

低学习成本

只需懂一点 HTML、CSS、JS 的基础知识,就能使用 MDUI。

JavaScript 工具库

MDUI 内置了一个轻量的 JavaScript 工具库,它拥有和 jQuery 类似的 api 和 jQuery 风格的链式调用,但体积仅为 jQuery 的六分之一。

文档

https://mdui.org/docs
http://mf.xgzwlkj.cn/wp-content/uploads/2021/01/material-17-300x200.png
赞赏
没有标签
首页      前端框架      MDUI 一个轻量级MaterialDesign样式框架

Mufeng

文章作者

发表评论

textsms
account_circle
email

沐风の秘密基地

MDUI 一个轻量级MaterialDesign样式框架
介绍 MDUI - Material Design User Interface MDUI 漂亮、轻量且好用,它能让你更轻松地开发 Material Design 网页应用。 安装 通过包管理器安装 # 通过 npm 安装 npm install mdui …
扫描二维码继续阅读
2021-01-08