在前端項目開發(fā)過程中，現(xiàn)在很少有人會使用原生的CSS來搭建頁面，總歸都會引入一些前端UI框架以減少代碼的書寫。一般為了方便自己的使用，很多大公司都有自己的一套UI框架，同時也會把其開源出來。下面就是最近經(jīng)常使用并且很流行的一些前端UI框架，總有一款適合你：

Mint UI

Mint UI

Mint UI是餓了么團隊開發(fā)的基于Vue .js的移動端UI框架，它包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動端開發(fā)需要。

官網(wǎng)：https://mint-ui.github.io/#!/zh-cn

Github: https://github.com/ElemeFE/mint-ui/

WeUI

WeUI是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊為微信內網(wǎng)頁和微信小程序量身設計，令用戶的使用感知更加統(tǒng)一。包含button、cell、dialog、toast、article、icon等各式元素。

官網(wǎng)地址：https://weui.io/

Github: https://github.com/weui/weui.git

Cube-ui

Cube-ui

Cube-ui 是滴滴團隊開發(fā)的基于 Vue.js 實現(xiàn)的精致移動端組件庫。支持按需引入和后編譯，輕量靈活;擴展性強，可以方便地基于現(xiàn)有組件實現(xiàn)二次開發(fā)。

官網(wǎng)地址：https://didi.github.io/cube-ui/#/zh-CN

Github: https://github.com/didi/cube-ui/

iView UI

iView UI

iView UI是一個強大的UI庫，基于vue，有很多實用的基礎組件比elementui的組件更豐富，主要服務于 PC 界面的中后臺產(chǎn)品。使用單文件的 Vue 組件化開發(fā)模式 基于 npm + webpack + babel 開發(fā)，支持 ES2015 高質量、功能豐富 友好的 API ，自由靈活地使用空間。

官網(wǎng)地址：https://www.iviewui.com

Github: https://github.com/TalkingData/iview-weapp

LayUI

LayUI

LayUI是一款采用自身模塊規(guī)范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細節(jié)都經(jīng)過精心雕琢，非常適合界面的快速開發(fā)。

官網(wǎng)地址:https://www.layui.com

Github: https://github.com/sentsin/layui/

ElementUI

ElementUI

Element是餓了么前端開源維護的Vue UI組件庫,組件齊全，基本涵蓋后臺所需的所有組件，文檔講解詳細，例子也很豐富。 主要用于開發(fā)PC端的頁面，是一個質量比較高的Vue UI組件庫。

官網(wǎng)地址:http://element-cn.eleme.io/#/zh-CN

Github: https://github.com/ElementUI/element-starter

at-ui

at-ui

at-ui 是一款阿里團隊創(chuàng)建的基于 Vue 2.x 的前端 UI 組件庫，主要用于快速開發(fā) PC 網(wǎng)站產(chǎn)品。 它提供了一套 npm + webpack + babel 前端開發(fā)工作流程，CSS 樣式獨立，即使采用不同的框架實現(xiàn)都能保持統(tǒng)一的 UI 風格。

官網(wǎng):https://at-ui.github.io/at-ui/#/zh

Github: https://github.com/at-ui/at-ui/issues

amaze UI

amaze UI

Mobile first

Amaze UI 是一個移動優(yōu)先的跨屏前端框架。提供基礎樣式，網(wǎng)格，表格、表單、按鈕及常用組件樣式。是一個輕量級(所有 CSS 和 JS gzip 后 100 kB 左右)、的前端框架

官網(wǎng)地址：http://amazeui.org/

Github: https://github.com/zordius/lightncandy

Vant UI

Vant UI

Vant UI是有贊前端團隊基于有贊統(tǒng)一的規(guī)范實現(xiàn)的 Vue 組件庫，提供了一整套 UI 基礎組件和業(yè)務組件。通過 Vant，可以快速搭建出風格統(tǒng)一的頁面，提升開發(fā)效率。

官網(wǎng)地址：https://youzan.github.io/vant/#/zh-CN/intro

Github: https://github.com/youzan/vant

Flutter

Flutter

Flutter 是谷歌的移動端 UI 框架，可在極短的時間內構建 Android 和 iOS 上高質量的原生級應用。 Flutter 可與現(xiàn)有代碼一起工作, 它被世界各地的開發(fā)者和組織使用, 并且 Flutter 是免費和開源的.

官網(wǎng):http://doc.flutter-dev.cn

Github: https://github.com/flutter/flutter

ionic

Ionic既是一個CSS框架也是一個Javascript UI庫,Ionic 是目前最有潛力的一款 HTML5 手機應用開發(fā)框架。通過 SASS 構建應用程序，它 提供了很多 UI 組件來幫助開發(fā)者開發(fā)強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數(shù)據(jù)的雙向綁定，使用它成為 Web 和移動開發(fā)者的共同選擇。

官網(wǎng):http://www.ionic.wang/js_doc-index.html