隨著SPA、前后端分離的技術架構在業界越來越流行，前端的業務復雜度也越來越高，導致前端開發者需要管理的內容，承擔的職責越來越多，這一切，使得業界對前端開發方案的思考多了很多，以react、vue等框架為代表推動的組件化開發模式越來越被開發者認可，這種模式極大的降低了我們開發與維護的成本。vue作為一款深受廣大群眾以及尤大崇拜者的喜歡，特此列出在github上開源的vue優秀UI組件庫供大家參考，期待開發者們推出更多優秀的組件庫。

image

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

Element

image

star★：11.2k
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](http://vuejs.org/) (^v2.x).
Browser support
Modern browsers and IE 9+.
視頻教程：[https://www.laravist.com/series/use-element-ui-tool-kit](https://www.laravist.com/series/use-element-ui-tool-kit)

iView

image

star★：5.6k
demo：https://www.iviewui.com/overview
docs：https://www.iviewui.com/
github：https://github.com/iview/iview

 Dependencies
 [Vue.js](http://vuejs.org/) (^v2.x) - use [HERE](https://github.com/iview/iview/tree/master) for Vue 1.x support.
 Browser support
 Modern browsers and IE 9+

VueStrap

image

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](http://vuejs.org/) (required ^v1.x.x, test with v1.0.8).
[Bootstrap CSS](http://getbootstrap.com/) (required 3.x.x, test with 3.3.5).

Vue Admin

image

Dependencies
 [Vue.js](http://vuejs.org/) (^v2.x+) - use [HERE](https://github.com/vue-bulma/vue-admin/tree/vue-v1) for Vue 1.x support.

Keen UI

image

Dependencies
[Vue.js](http://vuejs.org/) (^v2.x) - use [keen-ui@0.8.9](http://josephuspaye.github.io/Keen-UI/0.8.9/) for Vue 1.x support.
Browser support
Modern browsers and IE 10+ (due to [Flexbox support](http://caniuse.com/#search=flexbox))

Vue MDL

image

star★：890
demo：http://posva.net/vue-mdl/
docs：http://posva.net/vue-mdl/
github：https://github.com/posva/vue-mdl

Dependencies
[Vue.js](http://vuejs.org/) (^v2.x).

BootstrapVue

image

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](http://vuejs.org/) (^v2.x).

Vue-Blu

image

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](http://vuejs.org/) (^v2.x).
Browser support
Modern browsers and IE10+

Vuikit

image

star★：646
demo：https://vuikit.js.org/#/
docs：https://vuikit.js.org/#/
github：https://github.com/vuikit/vuikit

Dependencies
[Vue.js](http://vuejs.org/) (^v2.x).

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

Vux

image

Dependencies
[Vue.js](http://vuejs.org/) (^v2.x).

Mint UI

image

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](http://vuejs.org/) (^v2.x).

Vonic

image

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](http://vuejs.org/) (^v2.x).

Vum

image

star★：816
demo：http://demo.getvum.com/#!/
docs：http://getvum.com/
github：https://github.com/vum-team/vum

Dependencies
[Vue.js](http://vuejs.org/) (^v2.x).

Vue-Carbon

image

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](http://vuejs.org/) (^v1.0.2).

YDUI

image

Dependencies
[Vue.js](http://vuejs.org/) (^v2.x).

Vuwe

image

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](http://vuejs.org/) (^v2.x).

WE-VUE

image

star★：37
demo：http://wevue.org/
github：https://github.com/tianyong90/we-vue

1.  Dependencies
2.  [Vue.js](http://vuejs.org/) (^v2.x).

Vue Material

image

Dependencies
[Vue.js](http://vuejs.org/) (^v2.x).
Browser Support
the latest version of all Browsers and Edge 12+ IE 11

Muse-UI

image

Dependencies
[Vue.js](http://vuejs.org/) (^v2.x).
Browser Support
IE 10+
Andorid 4.4+
IOS 7+

Vuetify

image

star★：2.1k
demo：https://vuetifyjs.com
docs：https://vuetifyjs.com
github：https://github.com/vuetifyjs/vuetify

Dependencies
[Vue.js](http://vuejs.org/) (^v2.x).

Radon UI

image

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](http://vuejs.org/) (^v2.x).

RUBIK

image

star★：191
demo：https://ccforward.github.io/rubik/#/
docs：https://ccforward.github.io/rubik/#/
github：https://github.com/ccforward/rubik/

Dependencies
[Vue.js](http://vuejs.org/) (^v2.x).

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

OnsenUI-Vue

image

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](http://vuejs.org/) (^v2.x).
Browser Support
Android 4.4.4+
iOS 8+
Chrome
Safari

Quasar

image

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](http://vuejs.org/) (^v2.x).

Framework7-Vue

image

star★：247
demo：http://framework7.cn/
docs：http://vue.framework7.cn/
github：https://github.com/nolimits4web/Framework7-Vue

Dependencies

[Vue.js](http://vuejs.org/) (^v2.x).

轉載自：https://shimo.im/doc/LkpdnWxM1j40BDJj/