「MDUI」一个轻量级、无依赖的 Material Design 前端框架

2016-12-29 13:59:47 +08:00
 zdhxiong

Github : https://github.com/zdhxiong/mdui

文档: http://www.mdui.org/docs/

MDUI 是一个轻量级的 Material Design 前端框架,对照着 Material Design 文档进行开发,争取 1:1 实现 Material Design 中的组件。

多主题支持

MDUI 拥有 19 种主色、 16 种强调色、和一种夜间主题。只需添加一个 CSS 类即可实现主题的切换。

可以点击官方文档右上角按钮观看主题切换效果。

轻量级

包含所有主题的 CSS 文件仅 26.4KB minified + gzip

JavaScript 文件仅 12KB minified + gzip

且没有任何依赖

响应式

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

29938 次点击
所在节点    分享创造
148 条回复
zdhxiong
2017-04-28 17:18:02 +08:00
@maomaomao001 MDUI 就是你说的 “单独的响应式框架”
manihome
2017-04-28 17:24:49 +08:00
这个好 已 star⭐️
mogita
2017-04-28 17:26:10 +08:00
之前用 MDUI 撸了个半成品 web app ( Vue.js + MDUI ),手机观看效果最佳。。
https://whatair.mogita.cn/
框架使用体验很不错,功能顺手。只是每个 class 名都要加 mdui- 前缀略繁琐,而且会让 html 标签变得非常长。。
maomaomao001
2017-04-28 17:38:28 +08:00
@zdhxiong 不是吧,你这不是还带各种组件嘛,市面上有单独的布局的 css 框架了,很全面的
pynix
2017-04-28 18:02:05 +08:00
貌似不错。。
zdhxiong
2017-04-28 18:47:23 +08:00
@maomaomao001 MDUI 支持自定义打包,你不想要组件,可以把组件全部去掉;不想要响应式布局,可以把响应式布局模块去掉。
springmarker
2017-04-28 18:54:14 +08:00
http://www.tikitiki.cn 用的 0.1.2 撸的一个
ab
2017-04-28 19:13:49 +08:00
好厉害啊
plzzzzg
2017-04-28 19:24:30 +08:00
收藏 回头 star
only0jac
2017-04-28 19:27:21 +08:00
提个建议,headroom 在手机端一点也不流畅,刚开始以为自己手机不行,后来换了个单独的 headroom 插件,极度流畅
nicevar
2017-04-28 20:21:23 +08:00
不错,正在寻找一个轻量级的做新的东西,以前用过 jQueryMobile 和 sencha touch,感觉不太行,这两天看了一下 vue,还是有点啰嗦了,试试楼主的大作
TriiHsia
2017-04-28 21:18:30 +08:00
好赞!收藏了,打算作为下一个项目的前端。
KiseXu
2017-04-29 01:32:47 +08:00
很不错,楼主辛苦了
KiseXu
2017-04-29 10:46:11 +08:00
楼主,有没有捐赠方式,想给项目捐赠
zdhxiong
2017-04-29 12:42:09 +08:00
@KiseXu http://www.mdui.org/design/
这儿有捐赠二维码
zdhxiong
2017-04-29 15:20:01 +08:00
@KiseXu 捐赠已到账,非常感谢
KiseXu
2017-04-29 21:24:45 +08:00
@zdhxiong 😊 加油 💪
visonnn
2017-05-04 09:36:01 +08:00
Wow,很赞。
omygod
2017-06-02 10:46:21 +08:00
nice
osacar
2017-06-19 10:39:04 +08:00
@ck65 在 vue cli 中你是如何引入 MDUI 的?请教一下方法,多次尝试都没有成功。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/330997

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX