Jquery之家5個頂級Material Design框架

時間 2019-11-18

標籤 jquery 之家頂級 material design 框架欄目 JQuery 简体版

原文原文鏈接

谷歌Material Design在現在的前端頁面設計中很是流行。Material Design的設計風格向咱們展現了一個簡單而有內涵的現代UI設計方案。javascript

Material Design是如此的簡潔美觀，那麼，如今有什麼Material Design框架可使用呢？下面咱們就一塊兒來看看5個最頂級的Material Design框架。css

Angular Material是目前全部Material Design框架中的大佬級人物。這是由於Angular在互聯網上也很是普及，而且它直接被谷歌內部支持。html

Angular Material的文檔，例子和API都寫得很是詳細，全面概述了谷歌material design的全部特性。前端

Materialize是一個機遇Material Design的響應式前端設計框架，它的使用方法和Bootstrap類似。它是一個很是優秀的Material Design框架。它提供了CSS和SCSS文件、javascript文件、material design圖標和Roboto字體。java

這個項目自己是開源的，你能夠在Github上找到它。react

Material UI是一個CSS框架，它使用React組件來實現material design。雖然這個框架很是的穩定，可是若是你不喜歡Facebook的React，你可能不會選擇它。若是你初次接觸React，你會以爲它的JSX（javacsript和XML）語法很是的怪異。git

Material UI框架提供了很是詳細的文檔使你能夠設置框架和使用npm（Node Package Manager）來安裝React。你能夠在這裏查看它的文檔：repository of Material UIangularjs

MUI CSS Framework是一個輕量級的框架，它爲前端開發者提供相似Bootstrap的解決方案。MUI CSS比其它的一些同類框架的運行速度要快一些，官網上建議在一些小項目上使用它。咱們這裏關注的是它的material design風格。github

若是你對這個項目感興趣，能夠在Github查看這個項目。npm

谷歌的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框架吧！

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。