隨著SPA垂睬、前后端分離的技術(shù)架構(gòu)在業(yè)界越來越流行谨敛，前端的業(yè)務(wù)復(fù)雜度也越來越高究履，導(dǎo)致前端開發(fā)者需要管理的內(nèi)容，承擔(dān)的職責(zé)越來越多脸狸，這一切最仑，使得業(yè)界對前端開發(fā)方案的思考多了很多，以react炊甲、vue等框架為代表推動的組件化開發(fā)模式越來越被開發(fā)者認(rèn)可泥彤，這種模式極大的降低了我們開發(fā)與維護(hù)的成本。vue作為一款深受廣大群眾以及尤大崇拜者的喜歡卿啡，特此列出在github上開源的vue優(yōu)秀UI組件庫供大家參考吟吝，期待開發(fā)者們推出更多優(yōu)秀的組件庫。

------------PC------------

Element

star★：11.2k

demo：http://element.eleme.io/2.0/#/zh-CN/component/changelog?

demo:? ?http://element.eleme.io/#/zh-CN/component/layout?(舊版)

docs：http://element.eleme.io/#/zh-CN

github：https://github.com/ElemeFE/element

Dependencies

Vue.js(^v2.x).

Browser support

Modern browsers and IE 9+.視頻教程：https://www.laravist.com/series/use-element-ui-tool-kit

iView

star★：5.6k

demo：https://www.iviewui.com/overview

docs：https://www.iviewui.com/

github：https://github.com/iview/iview

Dependencies

Vue.js(^v2.x) - useHEREfor Vue 1.x support.

Browser support

Modern browsers and IE 9+.

VueStrap

star★：3.7k

demo：http://yuche.github.io/vue-strap/

docs：http://yuche.github.io/vue-strap/

github：https://github.com/yuche/vue-strap

Dependencies

Vue.js(required ^v1.x.x, test with v1.0.8).

Bootstrap CSS(required 3.x.x, test with 3.3.5).

Vue Admin

star★：3.8k

demo：https://admin.vuebulma.com/#/components

docs：https://admin.vuebulma.com/#/

github：https://github.com/vue-bulma/vue-admin

Dependencies

Vue.js(^v2.x+) - useHEREfor Vue 1.x support.

Keen UI

star★：2.5k

demo：https://josephuspaye.github.io/Keen-UI/#

docs：https://josephuspaye.github.io/Keen-UI/#

github：https://github.com/JosephusPaye/Keen-UI

Dependencies

Vue.js(^v2.x) - usekeen-ui@0.8.9for Vue 1.x support.

Browser support

Modern browsers and IE 10+ (due toFlexbox support).

Vue MDL

star★：890

demo：http://posva.net/vue-mdl/

docs：http://posva.net/vue-mdl/

github：https://github.com/posva/vue-mdl

Dependencies

Vue.js(^v2.x).

BootstrapVue

star★：783

demo：https://bootstrap-vue.github.io/

docs：https://bootstrap-vue.github.io/docs

github：https://github.com/bootstrap-vue/bootstrap-vue/

Dependencies

Vue.js(^v2.x).

Vue-Blu

star★：680

demo：https://chenz24.github.io/vue-blu/#/

docs：https://chenz24.github.io/vue-blu/#/

github：https://github.com/chenz24/vue-blu

Dependencies

Vue.js(^v2.x).

Browser support

Modern browsers and IE10+

Vuikit

star★：646

demo：https://vuikit.js.org/#/

docs：https://vuikit.js.org/#/

github：https://github.com/vuikit/vuikit

Dependencies

Vue.js(^v2.x).

------------Mobile------------

Vux

star★：7.4k

demo：https://vux.li/demos/v2/#/

docs：https://vux.li/#/

github：https://github.com/airyland/vux

Dependencies

Vue.js(^v2.x).

Mint UI

star★：5.4k

demo：http://elemefe.github.io/mint-ui/#/

docs：http://mint-ui.github.io/#!/zh-cn

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

Dependencies

Vue.js(^v2.x).

Vonic

star★：1.6k

demo：https://wangdahoo.github.io/vonic/docs/#/

docs：https://wangdahoo.github.io/vonic-documents/#/

github：https://github.com/wangdahoo/vonic

Dependencies

Vue.js(^v2.x).

Vum

star★：816

demo：http://demo.getvum.com/#!/

docs：http://getvum.com/

github：https://github.com/vum-team/vum

Dependencies

Vue.js(^v2.x).

Vue-Carbon

star★：632

demo：https://myronliu347.github.io/vue-carbon/#!/

docs：https://myronliu347.github.io/vue-carbon/book/v0.5.0/

github：https://github.com/myronliu347/vue-carbon

Dependencies

Vue.js(^v1.0.2).

YDUI

star★：127

demo：http://vue.ydui.org/

docs：http://vue.ydui.org/docs/#/

github：https://github.com/ydcss/vue-ydui

Dependencies

Vue.js(^v2.x).

Vuwe

star★：122

demo：https://vuwe.github.io/vuwe/#/

docs：https://vuwe.github.io/vuwe/doc.html#/

github：https://github.com/vuwe/vuwe

Dependencies

Vue.js(^v2.x).

WE-VUE

star★：37

demo：http://wevue.org/

github：https://github.com/tianyong90/we-vue

Dependencies

Vue.js(^v2.x).

---responsive layout system---

Vue Material

star★：2.7k

demo：https://vuematerial.github.io/#/

docs：https://vuematerial.github.io/#/getting-started

github：https://github.com/marcosmoura/vue-material

Dependencies

Vue.js(^v2.x).

Browser Support

the latest version of all Browsers and Edge 12+ IE 11

Muse-UI

star★：2.5k

demo：http://www.muse-ui.org/#/install

docs：http://www.muse-ui.org/#/index

github：https://github.com/museui/muse-ui

Dependencies

Vue.js(^v2.x).

Browser Support

IE 10+

Andorid 4.4+

IOS 7+

Vuetify

star★：2.1k

demo：https://vuetifyjs.com

docs：https://vuetifyjs.com

github：https://github.com/vuetifyjs/vuetify

Dependencies

Vue.js(^v2.x).

Radon UI

star★：669

demo：https://luojilab.github.io/radon-ui/#!/basic/button

docs：https://luojilab.github.io/radon-ui/#!/

github：https://github.com/luojilab/radon-ui

Dependencies

Vue.js(^v2.x).

RUBIK

star★：191

demo：https://ccforward.github.io/rubik/#/

docs：https://ccforward.github.io/rubik/#/

github：https://github.com/ccforward/rubik/

Dependencies

Vue.js(^v2.x).

------------Hybrid------------

OnsenUI-Vue

star★：4.6k

demo：https://tutorial.onsen.io/?framework=vue&category=reference&module=dialog

docs：https://onsen.io/v2/docs/guide/vue/

github：https://github.com/OnsenUI/OnsenUI/tree/master/bindings/vue

Dependencies

Vue.js(^v2.x).

Browser Support

Android 4.4.4+

iOS 8+

Chrome

Safari

Quasar

star★：1.8k

demo：http://quasar-framework.org/components/dialog.html

docs：http://quasar-framework.org/guide/index.html

github：https://github.com/quasarframework/quasar

Dependencies

Vue.js(^v2.x).

Framework7-Vue

star★：247

demo：http://framework7.cn/

docs：http://vue.framework7.cn/

github：https://github.com/nolimits4web/Framework7-Vue

Dependencies

Vue.js(^v2.x).

青團(tuán)社招聘：

招聘崗位：資深前端開發(fā)工程師

簡歷投遞到：hr@qtshe.com || haochen@qtshe.com

職位描述：

1颈娜、建設(shè)工具剑逃、提煉組件浙宜、抽象框架，促進(jìn)前端工程化炕贵、服務(wù)化梆奈，持續(xù)提升研發(fā)效率，保障線上產(chǎn)品質(zhì)量

2称开、構(gòu)建H5/PC應(yīng)用基礎(chǔ)設(shè)施亩钟，主導(dǎo)建設(shè)前端各種發(fā)布/監(jiān)控等平臺，指導(dǎo)落實解決方案

3鳖轰、持續(xù)優(yōu)化前端頁面性能清酥，維護(hù)前端代碼規(guī)范，鉆研各種前沿技術(shù)和創(chuàng)新交互蕴侣，增強(qiáng)用戶體驗焰轻、開拓前端能力邊界