页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular

基于 Material Design 的前端框架MDUI

UI组件库 移动开发 HTML我帮您 20天前  次浏览

MDUI 是一套用于开发 Material Design 网页的前端框架,多主题,轻量级,响应式,无依赖,高性能,模块化,本地化,组件丰富,低学习成本。

基于 Material Design 的前端框架MDUI

多主题
19 种主色、16 种强调色、1 种夜间主题,只需添加一个 CSS 类即可切换。

轻量级
CSS 仅 26.7KB,JavaScript 仅 14KB,加载更迅速。

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

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

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

模块化
提供自定义打包功能,按需打包需要的主题和组件,使文件体积骤然减小。

本地化
相比国外框架,MDUI 更注重中文排版,提供全中文文档,中文社区。

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

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

特性

轻量级

  • CSS 文件仅 26.7KB minified + gzip
  • JavaScript 文件仅 14KB minified + gzip

多主题

CSS 文件中已经包含了 19种主色主题16种强调色主题1种夜间主题,只需添加一个 CSS 类,即可实现主题的切换。

响应式

移动优先,可适配所有屏幕。

无依赖

MDUI 使用纯 JavaScript 编写,没有任何依赖。

获取 MDUI

可以通过下列方式获取 MDUI:

目录结构

在压缩包中存在下面的目录和文件:

mdui/
├── css/
│   ├── mdui.css
│   └── mdui.min.css
├── js/
│   ├── mdui.js
│   └── mdui.min.js
├── fonts/
│   └── roboto/
│       └── ...
└── icons/
    └── material-icons/
        └── ... 

兼容性

MDUI 在下列浏览器中经过测试

  • IE 10+
  • 最新版的 Firefox、Chrome、Safari、Edge

相关链接

发表评论