目前流行前端幾大UI框架 ----vue Vue的UI組件庫

在前端項目開發過程當中，老是會引入一些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/

六. ElementUI

 

 

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.jianshu.com/p/96560dacc40d 來源：簡書 著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。