收藏』VUE优秀UI组件库合集

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

菜菜cloud

3813人浏览 · 2017-12-07 10:49:35

菜菜cloud · 2017-12-07 10:49:35 发布

------------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

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^