在前端專案開發過程中，總是會引入一些UI框架，已為方便自己的使用，很多大公司都有自己的一套UI框架，下面就是最近經常使用並且很流行的UI框架。

一.Mint UI

螢幕快照 2019-01-18 下午3.03.59.png

Mint UI是 餓了麼團隊開發基於vue .js的移動端UI框架，它包含豐富的 CSS 和 JS 元件，能夠滿足日常的移動端開發需要。
官網：https://mint-ui.github.io/#!/zh-cn
Github: https://github.com/ElemeFE/mint-ui/

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

官網地址：https://weui.io/
Github: https://github.com/weui/weui.git

三.cube-ui

cube-ui 是滴滴團隊開發的基於 Vue.js 實現的精緻移動端元件庫。支援按需引入和後編譯，輕量靈活；擴充套件性強，可以方便地基於現有元件實現二次開發。

官網地址：https://didi.github.io/cube-ui/#/zh-CN
Github: https://github.com/didi/cube-ui/

四.iView UI

iview ui是一個強大的ui庫基於vue，有很多實用的基礎元件比elementui的元件更豐富，主要服務於 PC 介面的中後臺產品。使用單檔案的 Vue 元件化開發模式 基於 npm + webpack + babel 開發，支援 ES2015 高質量、功能豐富 友好的 API ，自由靈活地使用空間。

官網地址：https://www.iviewui.com
Github: https://github.com/TalkingData/iview-weapp

五.layui

layui是一款採用自身模組規範編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，元件豐盈，從核心程式碼到 API 的每一處細節都經過精心雕琢，非常適合介面的快速開發。

官網地址:https://www.layui.com
Github: https://github.com/sentsin/layui/

六. 

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

官網地址:http://element-cn.eleme.io/#/zh-CN
Github: https://github.com/ElementUI/element-starter

七.at-ui

螢幕快照 2019-01-18 下午3.31.23.png

at-ui 是一款阿里團隊建立的基於 Vue 2.x 的前端 UI 元件庫，主要用於快速開發 PC 網站產品。 它提供了一套 npm + webpack + babel 前端開發工作流程，CSS 樣式獨立，即使採用不同的框架實現都能保持統一的 UI 風格。

官網:https://at-ui.github.io/at-ui/#/zh
Github: https://github.com/at-ui/at-ui/issues

八.amaze UI

Amaze UI 是一個移動優先的跨屏前端框架。提供基礎樣式，網格，表格、表單、按鈕及常用元件樣式。是一個輕量級（所有 CSS 和 JS gzip 後 100 kB 左右）、 Mobile first 的前端框架

官網地址：http://amazeui.org/
Github: https://github.com/zordius/lightncandy

八.vant UI

vant UI是有贊前端團隊基於有贊統一的規範實現的 Vue 元件庫，提供了一整套 UI 基礎元件和業務元件。通過 Vant，可以快速搭建出風格統一的頁面，提升開發效率。

官網地址：https://youzan.github.io/vant/#/zh-CN/intro
Github: https://github.com/youzan/vant

九. Flutter

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

官網:http://doc.flutter-dev.cn
Github: https://github.com/flutter/flutter

十.ionic
Ionic既是一個CSS框架也是一個Javascript UI庫,Ionic 是目前最有潛力的一款 HTML5 手機應用開發框架。通過 SASS 構建應用程式，它 提供了很多 UI 元件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供資料的雙向繫結，使用它成為 Web 和移動開發者的共同選擇。

官網:http://www.ionic.wang/js_doc-index.html

需要相關前端學習資料私我呀，私我回復：“前端資料”，即可獲取相關學習資料哦 。

原作者：honey緣木魚

原文連結https://www.jians