vue前端UI框架，一點都不圓潤，盤它！

面對衆多vue前端UI框架，看着它們乾乾巴巴、麻麻賴賴的樣子，一點都不圓潤，跟我一塊兒盤它！

Vue移動端UI框架

一、Vux（star:15620)

VUX（讀音 [v’ju:z]，同 views）是基於WeUI和Vue(2.x)開發的移動端UI組件庫，主要服務於微信頁面。

暫未適配 vue-cli@3.x

官網：https://vux.li/
中文文檔：https://doc.vux.li/zh-CN/
在線預覽：https://vux.li/demos/v2/?x-page=v2-doc-home#/
github地址：https://github.com/airyland/vux複製代碼

二、Vuetify（star:18547)

Vuetify是一個漸進式的框架，試圖推進前端開發發展到一個新的水平。爲了最好地完成這個任務，必須做出不支持一些老版本IE瀏覽器的犧牲。

官網：https://vuetifyjs.com/zh-Hans/
中文文檔：https://vuetifyjs.com/zh-Hans/getting-started/quick-start
github地址：https://github.com/vuetifyjs/vuetify複製代碼

三、Mint UI（star:14140)

Mint UI 包含豐富的 CSS 和 JS 組件，可以知足平常的移動端開發須要。經過它，能夠快速構建出風格統一的頁面，提高開發效率。

官網:http://mint-ui.github.io
中文文檔：http://mint-ui.github.io/docs/
github地址：https://github.com/ElemeFE/mint-ui/
在線預覽：http://elemefe.github.io/mint-ui/#/複製代碼

四、MUI（star:11395)

最接近原生APP體驗的高性能前端框架。

官網：http://dev.dcloud.net.cn/mui/
中文文檔：http://dev.dcloud.net.cn/mui/
在線預覽：http://dcloud.io/hellomui/
github地址：https://github.com/dcloudio/mui複製代碼

五、Vant（star:8361)

有贊前端團隊基於有贊統一的規範實現的 Vue 組件庫，提供了一整套 UI 基礎組件和業務組件。

中文文檔：https://youzan.github.io/vant/#/zh-CN/intro
github地址：https://github.com/youzan/vant複製代碼

六、Muse-ui（star:7362)

Muse UI 基於 Vue2.0 開發，Vue2.0是當下最快的前端框架之一，小巧，api友好，可用於開發的複雜單頁應用。

官網：https://muse-ui.org/#/zh-CN
中文文檔：https://muse-ui.org/#/zh-CN/installation
github地址：https://github.com/museui/muse-ui複製代碼

七、Cube UI（star:6088)

cube-ui 由滴滴內部組件庫精簡提煉而來，是基於 Vue.js 實現的精緻移動端組件庫。
滴滴 WebApp 團隊 實現的 基於 Vue.js 實現的精緻移動端組件庫。

官網：https://didi.github.io/cube-ui/#/zh-CN
github地址：https://github.com/didi/cube-ui
中文文檔：https://didi.github.io/cube-ui/#/zh-CN/docs/quick-start複製代碼

八、vonic（star:1533)

基於 vue.js 和 ionic 樣式的 UI 框架，用於快速構建移動端單頁應用，很簡約。

官網：https://wangdahoo.github.io/
中文文檔：https://wangdahoo.github.io/vonic-documents/#/
在線預覽：https://wangdahoo.github.io/vonic/docs/#/home
github地址：https://github.com/wangdahoo/vue-scroller複製代碼

Vue PC端UI框架

一、Element（star:37233)

Element-Ul是餓了麼前端團隊推出的一款基於Vue.js 2.0 的桌面端UI框架，一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端組件庫 。

官網：http://element-cn.eleme.io/#/zh-CN
github地址：https://github.com/ElemeFE/element複製代碼

二、vue-element-admin（star:32223)

vue-element-admin是一個後臺前端解決方案，它基於vue和element-ui實現。

中文文檔：https://panjiachen.github.io/vue-element-admin-site/zh
github地址：https://github.com/PanJiaChen/vue-element-admin複製代碼

三、iView（star:21084)

一套基於 Vue.js 的高質量UI 組件庫。

中文文檔：https://www.iviewui.com/
github地址：https://github.com/iview/iview複製代碼

四、Vue Material（star:7834)

經過Vue Material和Vue 2.0創建精美的app應用。

中文文檔：http://vuematerial.materializecss.cn/#/
github地址：https://github.com/vuematerial/vue-material複製代碼

五、VueStrap（star:4825)

基於 Vue.js 構建的 Bootstrap 組件，該倉庫包含一系列基於 Bootstrap 標記和 CSS 的本地 Vue.js 組件。

在線文檔：http://yuche.github.io/vue-strap/
github地址：https://github.com/yuche/vue-strap複製代碼

六、Keen UI（star:3700)

由Vue編寫的基本UI組件的輕量級集合，並受Material Design的啓發。

在線文檔：https://josephuspaye.github.io/Keen-UI/#/ui-alert
github地址：https://github.com/JosephusPaye/Keen-UI複製代碼

固然，VUE前端UI框架還有不少，歡迎你們補充！
—————END—————

做者：張培躍
連接：https://www.jianshu.com/p/dbff2d2e7e23

此文章來源於第三方轉載！！！ 

做爲一個開發者，有一個學習氛圍和一個交流的圈子很重要，這是一個個人微信號：13142121176。無論你是小白仍是大牛都歡迎，分享BAT,阿里面試題，面試經驗討論技術

你們一塊兒學習交流成長！