『收藏』VUE优秀UI组件库合集
随着SPA、前后端分离的技术架构在业界越来越流行,前端的业务复杂度也越来越高,导致前端开发者需要管理的内容,承担的职责越来越多,这一切,使得业界对前端开发方案的思考多了很多,以react、vue等框架为代表推动的组件化开发模式越来越被开发者认可,这种模式极大的降低了我们开发与维护的成本。vue作为一款深受广大群众以及尤大崇拜者的喜欢,特此列出在github上开源的vue优秀UI组件库供大家参考,期待开发者们推出更多优秀的组件库。
![](https://img.haomeiwen.com/i5116580/db47f307bbe782b6.png)
------------PC------------
Element
![](https://img.haomeiwen.com/i5116580/b9effb69726ce75b.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/5d8ea87a19e6dfde.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/c5427cf1d48c8ce0.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/d7def30d1458fa5e.png!thumbnail)
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](http://vuejs.org/) (^v2.x+) - use [HERE](https://github.com/vue-bulma/vue-admin/tree/vue-v1) for Vue 1.x support.
Keen UI
![](https://img.haomeiwen.com/i5116580/70df706898457b24.png!thumbnail)
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](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
![](https://img.haomeiwen.com/i5116580/ffad48ef9bb5b774.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/fafeb0053238e0ac.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/976b7f8c101c0f46.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/c5bd8d609eaff3f8.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/b8a38e1fe3d5f566.png!thumbnail)
star★:7.4k
demo:https://vux.li/demos/v2/#/
docs:https://vux.li/#/
github:https://github.com/airyland/vux
Dependencies
[Vue.js](http://vuejs.org/) (^v2.x).
Mint UI
![](https://img.haomeiwen.com/i5116580/d560bab5894320fb.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/85f32b0861f91f45.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/6f57c09f7af3529c.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/4228c6b977b3d2c4.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/ede0d1a358a24eff.png!thumbnail)
star★:127
demo:http://vue.ydui.org/
docs:http://vue.ydui.org/docs/#/
github:https://github.com/ydcss/vue-ydui
Dependencies
[Vue.js](http://vuejs.org/) (^v2.x).
Vuwe
![](https://img.haomeiwen.com/i5116580/fabdcc698a65b2ff.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/63176dea5fa7d1ea.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/6db6e263a722c94a.png!thumbnail)
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](http://vuejs.org/) (^v2.x).
Browser Support
the latest version of all Browsers and Edge 12+ IE 11
Muse-UI
![](https://img.haomeiwen.com/i5116580/b451c1f98d60d1ed.png!thumbnail)
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](http://vuejs.org/) (^v2.x).
Browser Support
IE 10+
Andorid 4.4+
IOS 7+
Vuetify
![](https://img.haomeiwen.com/i5116580/be0ae1a55acfe020.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/7c0466f597b04d8e.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/c281e3177ebf7b55.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/a96de84842a9a6b2.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/863af2e6cd2fed19.png!thumbnail)
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
![](https://img.haomeiwen.com/i5116580/48d1c76a745b9a6d.png!thumbnail)
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).