为了账号安全,请及时绑定邮箱和手机立即绑定

Vue UI 组件库

标签:
React.JS Vue.js

随着SPA、前后端分离的技术架构在业界越来越流行,前端的业务复杂度也越来越高,导致前端开发者需要管理的内容,承担的职责越来越多,这一切,使得业界对前端开发方案的思考多了很多,以react、vue等框架为代表推动的组件化开发模式越来越被开发者认可,这种模式极大的降低了我们开发与维护的成本。vue作为一款深受广大群众以及尤大崇拜者的喜欢,特此列出在github上开源的vue优秀UI组件库供大家参考,期待开发者们推出更多优秀的组件库


webp

PC

Element


webp


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
视频教程:https://www.codecasts.com/series/use-element-ui-tool-kit


iView


webp


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


VueStrap


webp


star:3.7k
demo:http://yuche.github.io/vue-strap/
docs:http://yuche.github.io/vue-strap/
github:https://github.com/yuche/vue-strap


Vue Admin


webp


star:3.8k
demo:https://admin.vuebulma.com/#/components
docs:https://admin.vuebulma.com/#/
github:https://github.com/vue-bulma/vue-admin


Keen UI


webp


star:2.5k
demo:https://josephuspaye.github.io/Keen-UI/#
docs:https://josephuspaye.github.io/Keen-UI/#
github:https://github.com/JosephusPaye/Keen-UI


Vue MDL


webp


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


BootstrapVue


webp


star:783
demo:https://bootstrap-vue.github.io/
docs:https://bootstrap-vue.github.io/docs
github:https://github.com/bootstrap-vue/bootstrap-vue/


Vue-Blu


webp


star:680
demo:https://chenz24.github.io/vue-blu/#/
docs:https://chenz24.github.io/vue-blu/#/
github:https://github.com/chenz24/vue-blu


Vuikit


webp


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


Mobile

Vux


webp


star:7.4k
demo:https://vux.li/demos/v2/#/
docs:https://vux.li/#/
github:https://github.com/airyland/vux


Mint UI


webp


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


Vonic


webp


star:1.6k
demo:https://wangdahoo.github.io/vonic/docs/#/
docs:https://wangdahoo.github.io/vonic-documents/#/
github:https://github.com/wangdahoo/vonic


Vum


webp


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


Vue-Carbon


webp


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


YDUI


webp


star:127
demo:http://vue.ydui.org/
docs:http://vue.ydui.org/docs/#/
github:https://github.com/ydcss/vue-ydui


Vuwe


webp


star:122
demo:https://vuwe.github.io/vuwe/#/
docs:https://vuwe.github.io/vuwe/doc.html#/
github:https://github.com/vuwe/vuwe


WE-VUE


webp


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


responsive layout system

Vue Material


webp


star:2.7k
demo:https://vuematerial.github.io/#/
docs:https://vuematerial.github.io/#/getting-started
github:https://github.com/marcosmoura/vue-material


Muse-UI


webp


star:2.5k
demo:http://www.muse-ui.org/#/install
docs:http://www.muse-ui.org/#/index
github:https://github.com/museui/muse-ui


Vuetify


webp


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


Radon UI


webp


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


RUBIK


webp


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


Hybrid

OnsenUI-Vue


webp


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


Quasar


webp


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


Framework7-Vue


webp


star:247



作者:小贤笔记
链接:https://www.jianshu.com/p/b5859903392d


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 1
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消