「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

且没有任何依赖

响应式

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

28761 次点击
所在节点    分享创造
148 条回复
RobertYang
2016-12-29 21:29:11 +08:00
棒
wq2016
2016-12-29 21:38:18 +08:00
666
U2FsdGVkX1
2016-12-29 22:15:34 +08:00
很棒的框架
已收藏
zdhxiong
2016-12-29 22:19:05 +08:00
@sobigfish 那是个多行文本框，图标会保持和文本框底部对齐， message 文本在文本框顶部，和上面的单行文本框看起来不一样，但应该没什么问题。
hebeiround
2016-12-29 22:21:20 +08:00
已收藏 很棒
itfanr
2016-12-29 22:25:19 +08:00
很棒
sobigfish
2016-12-29 22:35:04 +08:00
@zdhxiong
确实很棒，也很全面
mdui-card-media-covered-gradient 貌似渐变不明显
话说 0.26 这些在 less 里都是写死的啊
zdhxiong
2016-12-29 22:57:22 +08:00
@sobigfish 可能那张图片刚好是下面颜色深，导致渐变看起来不明显。现在的渐变应该是比较合适的。
0.26 这个是写死的。
ck65
2016-12-29 23:37:48 +08:00
nice and clean
cool and dry
xcatliu
2016-12-29 23:45:16 +08:00
看起来很不错，支持
xcatliu
2016-12-29 23:46:53 +08:00
@doubleflower 借楼推荐一下更轻量级的 css 框架， http://getmobicss.com
xcatliu
2016-12-29 23:48:14 +08:00
@doubleflower 抱歉手机回复的，@ 错人了
@kingcos 借楼推荐一下更轻量级的 css 框架， http://getmobicss.com
metrue
2016-12-29 23:53:24 +08:00
挺屌的。
xcatliu
2016-12-30 00:04:10 +08:00
可以推荐到 chuangzaoshi.com @designer
Yien
2016-12-30 00:15:27 +08:00
感谢分享
lufficc
2016-12-30 00:20:01 +08:00
赞
designer
2016-12-30 00:36:15 +08:00
赞
ClassicOldSong
2016-12-30 01:50:05 +08:00
厉害了我的哥
已 star ，加油！
gogobody
2016-12-30 01:52:32 +08:00
mark
blanu
2016-12-30 03:03:47 +08:00
相当棒！连按下去减慢涟漪的效果都有做！用来撸小应用那还不是不要不要的，爽~

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

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

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

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

© 2021 V2EX