「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

且没有任何依赖

响应式

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

28706 次点击
所在节点    分享创造
148 条回复
kingcos
2016-12-29 16:11:01 +08:00
好赞！ Star ！
（想借楼问个小问题…可能问题比较粗糙…
最近在写课程设计，但不想仅限于课设。
准备写一个前后端分离的网站吧，未来可能自己再开发手机端，后端准备用 Spring Boot ，只提供 RESTFUL API 接口，这个已经基本弄好了。那么前端要用什么框架比较好呢？… UI 框架在考虑 Bootstrap 4 或者就这个也很好，好像还要用 Ajax …总之谢谢啦…）
kingsleydon
2016-12-29 16:11:36 +08:00
star 文档很棒
flyingfz
2016-12-29 16:11:51 +08:00
基于 Material Design 的前端框架， 在手机浏览器上的性能都很差。
----------------
我测试过： 在微信里 查看 demo ，几乎是一帧一帧的显示出来， chrome 会好一些，但也能感受到卡。
Material Design 确实很喜欢， 但手机上性能这么差，没法用啊。
flyingfz
2016-12-29 16:12:26 +08:00
先 star 下。
Tuisku
2016-12-29 16:12:29 +08:00
文档中：
涟漪颜色这里， WHITE 和 BLACK ，是不是弄反了？
zdhxiong
2016-12-29 16:23:17 +08:00
@Tuisku 文档写错了，已经改过来了
doubleflower
2016-12-29 17:21:47 +08:00
意外发现质量不错。


不过做应用大家都是用 vue/react 之类的组件了，纯 css 组件不方便。
jas0ndyq
2016-12-29 17:24:27 +08:00
厉害
phoenixlzx
2016-12-29 19:33:19 +08:00
Star 已送，最近大概会拿来做个页面(๑•̀ω•́)✧
greatghoul
2016-12-29 19:39:58 +08:00
很赞很赞
SorryChen
2016-12-29 19:51:04 +08:00
赞！已 star
Troevil
2016-12-29 19:59:12 +08:00
不错,不知道会不会出 vue 版~
renyijiu
2016-12-29 20:21:53 +08:00
不错不错，赞一个
zdhxiong
2016-12-29 20:22:32 +08:00
@Troevil 暂时没计划出 vue 版
anthozoan77
2016-12-29 20:24:51 +08:00
厉害！
fhefh
2016-12-29 20:46:57 +08:00
楼主 view-source:http://www.mdui.org/docs/ 这个页面
<html>和<body> 两个标签 貌似没有闭合
xiningxiao
2016-12-29 20:52:32 +08:00
mark 一下
yrom
2016-12-29 21:23:27 +08:00
这个得赞一下
zdhxiong
2016-12-29 21:24:27 +08:00
@fhefh HTML5 中这俩标签可以不闭合的。
sobigfish
2016-12-29 21:26:50 +08:00
http://www.mdui.org/docs/textfield 含图标 message 样式有点怪啊

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

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

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

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

© 2021 V2EX