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

2016 年 12 月 29 日
 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

且没有任何依赖

响应式

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

31495 次点击
所在节点    分享创造
148 条回复
greenskinmonster
2016 年 12 月 30 日
不得不说,确实挺厉害的。
Geeker
2016 年 12 月 30 日
额,这和官方的感觉没什么区别啊,楼上的一群人难道都没看过官方的? https://getmdl.io/
wolfan
2016 年 12 月 30 日
看着确实比官方的 MDL 方便点,而且也丰富不少,反正是图省事偷懒的好帮手啊~
wolfan
2016 年 12 月 30 日
内啥,为什么俺这那个涟漪效果没有呐,试了好几遍了,没看到呐。
designer
2016 年 12 月 30 日
已收录在创造狮-开发者框架
Pastsong
2016 年 12 月 30 日
是我见过的 Web 框架里对规范实现最好的一版了
conglovely
2016 年 12 月 30 日
棒棒哒,已 Star
zdhxiong
2016 年 12 月 30 日
@wolfan 你用的什么版本的浏览器? 你看下控制台报什么错误。
zzutmebwd
2016 年 12 月 30 日
很棒 感谢
rekulas
2016 年 12 月 30 日
cool 感觉比 bootstrap 更有价值
exoticknight
2016 年 12 月 30 日
赞啊但是涟漪效果没有?控制台没报错,看起来是没有了 mdui-ripple-wave 类?
tracymcladdy
2016 年 12 月 30 日
真的好棒!
Nothentai
2016 年 12 月 30 日
真的好棒_(:з」∠)_
forest520
2016 年 12 月 30 日
很喜欢,感谢!
arzusyume
2016 年 12 月 30 日
不晓得为啥我直接访问和挂代理访问, demo 页又拍云的资源都加载不出来
loveship
2016 年 12 月 30 日
看起来还不错,但是每个类都加个 mdui...stupid
zdhxiong
2016 年 12 月 30 日
@exoticknight 涟漪效果只要一个 mdui-ripple 类就行。你用什么版本的浏览器看不到涟漪效果?
zdhxiong
2016 年 12 月 30 日
@arzusyume 你可以看下这个页面: http://pubstatic.b0.upaiyun.com/cdn-health.html 。看是不是你的网络问题
zdhxiong
2016 年 12 月 30 日
@loveship 加前缀可以避免和其他库混用时产生冲突,现在有不少主流框架(比如: purecss 、 Material Design Lite 、 amazeui 、 uikit 等)都是这么做的,个人认为还是有必要的。
iq72
2016 年 12 月 30 日
css , js ,背景图加载不出来

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

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

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

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

© 2021 V2EX