隨著SPA垂睬、前后端分離的技術(shù)架構(gòu)在業(yè)界越來越流行谨敛,前端的業(yè)務(wù)復(fù)雜度也越來越高究履,導(dǎo)致前端開發(fā)者需要管理的內(nèi)容,承擔(dān)的職責(zé)越來越多脸狸,這一切最仑,使得業(yè)界對前端開發(fā)方案的思考多了很多,以react炊甲、vue等框架為代表推動的組件化開發(fā)模式越來越被開發(fā)者認(rèn)可泥彤,這種模式極大的降低了我們開發(fā)與維護(hù)的成本。vue作為一款深受廣大群眾以及尤大崇拜者的喜歡卿啡,特此列出在github上開源的vue優(yōu)秀UI組件庫供大家參考吟吝,期待開發(fā)者們推出更多優(yōu)秀的組件庫。
------------PC------------
Element
star★:11.2k
demo:http://element.eleme.io/2.0/#/zh-CN/component/changelog?
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:https://www.iviewui.com/overview
github:https://github.com/iview/iview
Dependencies
Vue.js(^v2.x) - useHEREfor 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
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) - usekeen-ui@0.8.9for Vue 1.x support.
Browser support
Modern browsers and IE 10+ (due toFlexbox 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
github:https://github.com/vuikit/vuikit
Dependencies
Vue.js(^v2.x).
------------Mobile------------
Vux
star★:7.4k
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:https://myronliu347.github.io/vue-carbon/#!/
docs:https://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:https://vuwe.github.io/vuwe/#/
docs:https://vuwe.github.io/vuwe/doc.html#/
github:https://github.com/vuwe/vuwe
Dependencies
Vue.js(^v2.x).
WE-VUE
star★:37
demo:http://wevue.org/
github:https://github.com/tianyong90/we-vue
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
github:https://github.com/vuetifyjs/vuetify
Dependencies
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
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: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
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
docs:http://vue.framework7.cn/
github:https://github.com/nolimits4web/Framework7-Vue
Dependencies
Vue.js(^v2.x).
青團(tuán)社招聘:
招聘崗位:資深前端開發(fā)工程師
簡歷投遞到:hr@qtshe.com || haochen@qtshe.com
職位描述:
1颈娜、建設(shè)工具剑逃、提煉組件浙宜、抽象框架,促進(jìn)前端工程化炕贵、服務(wù)化梆奈,持續(xù)提升研發(fā)效率,保障線上產(chǎn)品質(zhì)量
2称开、構(gòu)建H5/PC應(yīng)用基礎(chǔ)設(shè)施亩钟,主導(dǎo)建設(shè)前端各種發(fā)布/監(jiān)控等平臺,指導(dǎo)落實解決方案
3鳖轰、持續(xù)優(yōu)化前端頁面性能清酥,維護(hù)前端代碼規(guī)范,鉆研各種前沿技術(shù)和創(chuàng)新交互蕴侣,增強(qiáng)用戶體驗焰轻、開拓前端能力邊界