在前端項(xiàng)目開發(fā)過程中，總是會引入一些UI框架，已為方便自己的使用，很多大公司都有自己的一套UI框架，下面就是最近經(jīng)常使用并且很流行的UI框架。

一、Mint UI

Mint UI是 餓了么團(tuán)隊(duì)開發(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 是一套同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信內(nèi)網(wǎng)頁和微信小程序量身設(shè)計(jì)，令用戶的使用感知更加統(tǒng)一。包含button、cell、dialog、toast、article、icon等各式元素。

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

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

三、cube-ui

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

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

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

四、iView UI

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

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

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

五、layui

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

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

六、ElementUI

Element是餓了么前端開源維護(hù)的Vue UI組件庫,組件齊全，基本涵蓋后臺所需的所有組件，文檔講解詳細(xì)，例子也很豐富。 主要用于開發(fā)PC端的頁面，是一個質(zhì)量比較高的Vue UI組件庫。官網(wǎng)地址:http://element-cn.eleme.io/#/zh-CN

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

七、at-ui

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

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

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

八、amaze UI

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

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

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

九、.vant UI

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

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

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

十、Flutter

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

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

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

十一、ionic

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

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