随着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).
本文精选了多个流行的Vue UI组件库，包括Element、iView、Vux等，涵盖PC及移动端，适用于不同应用场景，助力前端开发者高效构建界面。
扫一扫
1083
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
