Jquery之家5个顶级Material Design框架

谷歌Material Design在现在的前端页面设计中很是流行。Material Design的设计风格向咱们展现了一个简单而有内涵的现代UI设计方案。

Material Design是如此的简洁美观，那么，如今有什么Material Design框架可使用呢？下面咱们就一块儿来看看5个最顶级的Material Design框架。

Angular Material

Angular Material是目前全部Material Design框架中的大佬级人物。这是由于Angular在互联网上也很是普及，而且它直接被谷歌内部支持。

Angular Material的文档，例子和API都写得很是详细，全面概述了谷歌material design的全部特性。

Materialize

Materialize是 一个机遇Material Design的响应式前端设计框架，它的使用方法和Bootstrap类似。它是一个很是优秀的Material Design框架。它提供了CSS和SCSS文件、javascript文件、material design图标和Roboto字体。

这个项目自己是开源的，你能够在Github上找到它。

Material UI

Material UI是一个CSS框架，它使用React组件来实现material design。虽然这个框架很是的稳定，可是若是你不喜欢Facebook的React，你可能不会选择它。若是你初次接触React，你会以为它的JSX（javacsript和XML）语法很是的怪异。

Material UI框架提供了很是详细的文档使你能够设置框架和使用npm（Node Package Manager）来安装React。你能够在这里查看它的文档：repository of Material UI

MUI CSS框架

MUI CSS Framework是一个轻量级的框架，它为前端开发者提供相似Bootstrap的解决方案。MUI CSS比其它的一些同类框架的运行速度要快一些，官网上建议在一些小项目上使用它。咱们这里关注的是它的material design风格。

若是你对这个项目感兴趣，能够在Github查看这个项目。

Polymer

谷歌的Polymer项目主张在WEB项目中使用WEB组件，同时他们也给出了本身的Material Design组件。

Polymer为WEB项目的布局提供了一些核心元素，并提供建立工具条，应用程序栏，tabs和侧边栏等material design的指南。

小结

你可能已经但愿在你的下一个项目中使用Material Design UI，咱们建议使用Materialize，这个框架相似于Bootstrap，元素能够经过CSS来定制。

你也可能比较熟悉Angular，很是喜欢Angular的动画。若是是这样，你可使用Angular Material。

Material Design在前端UI设计中是很是有潜力的设计方案。因此，若是你在准备制做一个新的网站，那么开始选择一种你喜欢的Material Design框架吧！

本文版权属于jQuery之家，出处： http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201505151842.html