VUE優秀UI組件庫（PC和Mobile）

隨着SPA、先後端分離的技術架構在業界愈來愈流行，前端的業務複雜度也愈來愈高，致使前端開發者須要管理的內容，承擔的職責愈來愈多，這一切，使得業界對前端開發方案的思考多了不少，以react、vue等框架爲表明推進的組件化開發模式愈來愈被開發者承認，這種模式極大的下降了咱們開發與維護的成本。vue做爲一款深受廣大羣衆以及尤大崇拜者的喜歡，特此列出在github上開源的vue優秀UI組件庫供你們參考，期待開發者們推出更多優秀的組件庫。

 

 

------------PC------------

 

Element

 

 

star★：19.7k

demo：http://element.eleme.io/#/zh-CN/component/layout

docs：http://element.eleme.io/#/zh-CN

github：https://github.com/ElemeFE/element

1. Dependencies

1. Vue.js (^v2.x).
2. Browser support
3. Modern browsers and IE 9+.
4. 視頻教程：https://www.laravist.com/series/use-element-ui-tool-kit

 

iView

 

 

star★：10.8k

demo：https://www.iviewui.com/overview

docs：https://www.iviewui.com/

github：https://github.com/iview/iview

1. Dependencies

1. Vue.js (^v2.x) - use HERE for Vue 1.x support.
2. Browser support
3. Modern browsers and IE 9+.

 

vue-strap

 

 

star★：4.4k

demo：http://yuche.github.io/vue-strap/

docs：http://yuche.github.io/vue-strap/

github：https://github.com/yuche/vue-strap

1. Dependencies

1. Vue.js (required ^v1.x.x, test with v1.0.8).

1. Bootstrap CSS (required 3.x.x, test with 3.3.5).

 

vue-admin

 

 

star★：6.5k

demo：https://admin.vuebulma.com/#/components

docs：https://admin.vuebulma.com/#/

github：https://github.com/vue-bulma/vue-admin

1. Dependencies

1. Vue.js (^v2.x+) - use HERE for Vue 1.x support.

 

keen-ui

 

 

star★：3.1k

demo：https://josephuspaye.github.io/Keen-UI/#

docs：https://josephuspaye.github.io/Keen-UI/#

github：https://github.com/JosephusPaye/Keen-UI

1. Dependencies

1. Vue.js (^v2.x) - use keen-ui@0.8.9 for Vue 1.x support.
2. Browser support
3. Modern browsers and IE 10+ (due to Flexbox support).

 

Vue MDL

 

 

star★：1.1k

demo：http://posva.net/vue-mdl/

docs：http://posva.net/vue-mdl/

github：https://github.com/posva/vue-mdl

1. Dependencies

1. Vue.js (^v2.x).

 

BootstrapVue

 

 

star★：2.8k

demo：https://bootstrap-vue.github.io/

docs：https://bootstrap-vue.github.io/docs

github：https://github.com/bootstrap-vue/bootstrap-vue/

1. Dependencies

1. Vue.js (^v2.x).

 

Vue-Blu

 

 

star★：1.1k

demo：https://chenz24.github.io/vue-blu/#/

docs：https://chenz24.github.io/vue-blu/#/

github：https://github.com/chenz24/vue-blu

1. Dependencies

1. Vue.js (^v2.x).
2. Browser support
3. Modern browsers and IE10+

 

Vuikit

 

 

star★：826

demo：https://vuikit.js.org/#/

docs：https://vuikit.js.org/#/

github：https://github.com/vuikit/vuikit

1. Dependencies

1. Vue.js (^v2.x).

 

------------Mobile------------

Weex

star★：15k

github：https://github.com/apache/incubator-weex

1. Dependencies

1. Vue.js (^v2.x).

Vux

 

 

star★：10k

demo：https://vux.li/demos/v2/#/

docs：https://vux.li/#/

github：https://github.com/airyland/vux

1. Dependencies

1. Vue.js (^v2.x).

 

mint-ui

 

 

star★：8.4k

demo：http://elemefe.github.io/mint-ui/#/

docs：http://mint-ui.github.io/#!/zh-cn

github：https://github.com/ElemeFE/mint-ui

1. Dependencies

1. Vue.js (^v2.x).

 

Muse-UI

star★：5k

github：https://github.com/museui/muse-ui

1. Dependencies

1. Vue.js (^v2.x).

Browser Support

• IE 10+
• Andorid 4.4+
• IOS 7+

 

Vonic

 

 

star★：2.3k

demo：https://wangdahoo.github.io/vonic/docs/#/

docs：https://wangdahoo.github.io/vonic-documents/#/

github：https://github.com/wangdahoo/vonic

1. Dependencies

1. Vue.js (^v2.x).

 

Vum

 

 

star★：1.2k

demo：http://demo.getvum.com/#!/

docs：http://getvum.com/

github：https://github.com/vum-team/vum

1. Dependencies

1. Vue.js (^v2.x).

 

Vue-Carbon

 

 

star★：751

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

1. Dependencies

1. Vue.js (^v1.0.2).

 

vue-ydui

 

 

star★：743

demo：http://vue.ydui.org/

docs：http://vue.ydui.org/docs/#/

github：https://github.com/ydcss/vue-ydui

1. Dependencies

1. Vue.js (^v2.x).

 

Vuwe

 

 

star★：185

demo：https://vuwe.github.io/vuwe/#/

docs：https://vuwe.github.io/vuwe/doc.html#/

github：https://github.com/vuwe/vuwe

1. Dependencies

1. Vue.js (^v2.x).

 

WE-VUE

 

 

star★：123

demo：http://wevue.org/

github：https://github.com/tianyong90/we-vue

1. Dependencies

1. Vue.js (^v2.x).

 

---responsive layout system---

 

muse-ui

star★：4.9k

github：https://github.com/museui/muse-ui

Browser Support

• IE 10+
• Andorid 4.4+
• IOS 7+

Dependencies

• vuejs 2.0
• keycode
• material icons
• material design

Vue Material

 

 

star★：4.7k

demo：https://vuematerial.github.io/#/

docs：https://vuematerial.github.io/#/getting-started

github：https://github.com/marcosmoura/vue-material

1. Dependencies

1. Vue.js (^v2.x).
2. Browser Support
3. 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

1. Dependencies

1. Vue.js (^v2.x).
2. Browser Support
3. IE 10+

1. Andorid 4.4+

1. IOS 7+

 

Vuetify

 

 

star★：2.1k

demo：https://vuetifyjs.com

docs：https://vuetifyjs.com

github：https://github.com/vuetifyjs/vuetify

1. Dependencies

1. Vue.js (^v2.x).

 

Radon UI

 

 

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

1. Dependencies

1. 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/

1. Dependencies

1. Vue.js (^v2.x).

 

------------Hybrid------------

 

OnsenUI-Vue

 

 

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

1. Dependencies

1. Vue.js (^v2.x).

1.  

1. Browser Support

1. Android 4.4.4+

1. iOS 8+

1. Chrome

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

1. Dependencies

1. Vue.js (^v2.x).

 

Framework7-Vue

 

 

star★：247

demo：http://framework7.cn/

docs：http://vue.framework7.cn/

github：https://github.com/nolimits4web/Framework7-Vue

1. Dependencies

1. Vue.js (^v2.x).