「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

且没有任何依赖

响应式

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

29925 次点击
所在节点    分享创造
148 条回复
xrlin
2016-12-30 08:30:36 +08:00
star ，很不错啊，下次尝试使用下
Cabana
2016-12-30 08:32:18 +08:00
已 start ，等会在自己实验田试试…
lzsadam
2016-12-30 09:10:40 +08:00
很用心，非常棒，已经 star
unique
2016-12-30 09:15:40 +08:00
很棒的前端项目，已 star
Hucai
2016-12-30 09:29:08 +08:00
对于我这种菜鸟新手来说，太棒了，文档也很棒
hronro
2016-12-30 09:29:26 +08:00
赞一个！
lwbjing
2016-12-30 09:32:29 +08:00
建议前缀用 md mdui 要多打两个...
shingoxray
2016-12-30 09:40:34 +08:00
非常棒，很轻量，+*
CrispElite
2016-12-30 09:41:55 +08:00
厉害厉害 ，应该花了不少时间和精力 赞
VtoEXL
2016-12-30 09:43:47 +08:00
很好看
LWXYFER
2016-12-30 10:01:36 +08:00
不了解 gzip ， 但是从 CSS 体积从 240.52KB 到 26.4KB , 这么高压缩率啊。
zdhxiong
2016-12-30 10:32:07 +08:00
@LWXYFER 因为 CSS 中大部分是各种主题，不同主题的代码只有颜色是不同的，其他都相同。 gzip 会把相同的内容压缩掉。
qping
2016-12-30 10:36:50 +08:00
咨询个问题，像 a 标签之类的下划线颜色可以改吗
qping
2016-12-30 10:40:20 +08:00
不用回我了，仔细看了下文档，<body class="mdui-theme-primary-indigo mdui-theme-accent-indigo">，就可以了 :)
mink
2016-12-30 10:42:42 +08:00
很漂亮以后就用这套了 。
cst4you
2016-12-30 10:54:11 +08:00
看成了 ADUI
takeoffyoung
2016-12-30 11:33:23 +08:00
已 star
Email
2016-12-30 11:42:23 +08:00
虽然不是前端工程师 但是要给个赞
baozijun
2016-12-30 11:42:57 +08:00
很是感谢，超级赞
daiv
2016-12-30 11:51:12 +08:00
还是感觉 layui 更适合一点，今天刚刚发现 layui

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

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

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

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

© 2021 V2EX