10个值得推荐的Material Design前端框架

material-icons

当好的设计原理融合了科技创新,会发生什么?这正是谷歌所做到的——Material Design。

简单的说,Material Design是一种可视化的设计理念,汇集了经典设计原理和现代科技的技术规范。Material Design设计语言和与之相关的工具材料都越来越流行。

在这篇文章中,我汇总了一些非常棒的Material Design Web前端框架,也提供了这些框架的截图和demo链接。这些前端框架的设计元素齐全,按钮、表单、布局及常用JS特效代码基本上都有,支持Responsive Design,还有的可以结合Bootstrap使用,相当不错,下面来看看介绍,并挑选一款你喜欢的Framework来制作你的新项目吧。

0. Materialize

Materialize是一个响应式的前端框架,设计样式及组件元素丰富。

materilize

1. Material UI

Material UI 是一个看重用户界面交互设计的前端框架和组件库,另外值得一提就是它自带的响应式日期选择器很棒!
material-ui

2. MUI

MUI 是一个轻量级的Material Design框架,它可以加快开发时间,并且支持异步加载,而且跨平台。

mui

3. daemonite

daemonite 是一个简单的基于HTML5 的Material Design框架.

daemonite

4. LumX

LumX 是一个基于AngularJS 的Material Design前端框架,针对手机端有不错的体验,如果懂Angular JS的建议使用这个框架。

lumx

5. Materialize Meteor

Materialize Meteor 是一个基于Meteor的响应式Material Design前端框架。

6. Framaterial

Framaterial 是一个简单的框架,并且可以不依赖任何扩展库或插件使用。

framaterial

7. Material Framework

Material Framework 是一个响应式Material Design 前端框架,它能够在任何web页面或者webapp实现Material Design风格。这个前端框架有2组风格,一个是默认白色以及暗色调,缺点就是组件元素目前还不够多。

material-framework

8. Material Foundation

Material Foundation 是ZURB开发的Foundation framework的Material Design版本,如果你懂得使用Foundation,那么这个前端框架可以选择了,直接为你的Foundation换肤。但组件还是有点少了。

material-foundation

9. Material Design for Bootstrap

Material Design for Bootstrap 是一款Bootstrap3的主题,能够让你在前端直接使用 Material Design。 对于不想再去花时间了解新框架,并喜欢使用Bootstrap 的用户,那么你就用它吧。

md-bootstrap

你做过Material Design的项目吗?快来尝试用这些框架来体验下新鲜潮流的设计吧。你用过哪些我错过的优秀框架?在下方的评论里分享出来吧!

本文为转载,原文作者:麦苗(译),原文链接:http://www.qdker.com/archives/118.html

相关日志

留下足迹