随着SPA、前后端分离的技术架构在业界越来越流行,前端的业务复杂度也越来越高,导致前端开发者需要管理的内容,承担的职责越来越多,这一切,使得业界对前端开发方案的思考多了很多,以react、vue等框架为代表推动的组件化开发模式越来越被开发者认可,这种模式极大的降低了我们开发与维护的成本。vue作为一款深受广大群众以及尤大崇拜者的喜欢,特此列出在github上开源的vue优秀UI组件库供大家参考,期待开发者们推出更多优秀的组件库。 ------------PC------------ Element 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 (^v2.x). Browser support Modern browsers and IE 9+. 视频教程:https://www.laravist.com/series/use-element-ui-tool-kit iView star★: 5.6k demo: http s://www.iviewui.com/overview docs: http s://www.iviewui.com/ github: https://github.com/ iview/iview Dependencies Vue.js (^v2.x) - use HERE for 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+) - use HERE for 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) - use keen-ui@0.8.9 for Vue 1.x support. Browser support Modern browsers and IE 10+ (due to Flexbox 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.4 k 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: http s://myronliu347.github.io/vue-carbon/#! / docs: http s://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: http s://vuwe.github.io/vuwe/# / docs: http s://vuwe.github.io/vuwe/doc.html# / github: https://github.com/ vu we/vuwe Dependencies Vue.js (^v2.x). WE-VUE star★: 37 demo: http ://wevue.org / github: https://github.com/ tianyong90/we-vu e 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: http s://vuetifyjs.com docs: http s://vuetifyjs.com github: https://github.com/ vuetifyjs/vuetify Dependencies Vue.js (^v2.x). Radon UI star★:669 demo: http s:// luojilab.github.io/radon-ui/#!/basic/button docs: http s://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: http s://tutorial.onsen.io/?framework=vue&category=reference&module=dialog docs: http s://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).