VUE優(yōu)秀UI組件庫合集

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

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

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

Vue.js(^v2.x+) - useHEREfor 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) - 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

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

demo:https://vuetifyjs.com

docs:https://vuetifyjs.com

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

demo:http://framework7.cn/

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)用戶體驗焰轻、開拓前端能力邊界

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市昆雀,隨后出現(xiàn)的幾起案子辱志,更是在濱河造成了極大的恐慌,老刑警劉巖狞膘,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件揩懒,死亡現(xiàn)場離奇詭異,居然都是意外死亡挽封,警方通過查閱死者的電腦和手機(jī)已球,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來辅愿,“玉大人智亮,你說我怎么就攤上這事〉愦” “怎么了阔蛉?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長癞埠。 經(jīng)常有香客問我状原,道長,這世上最難降的妖魔是什么燕差? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任遭笋,我火速辦了婚禮坝冕,結(jié)果婚禮上徒探,老公的妹妹穿的比我還像新娘。我一直安慰自己喂窟,他們只是感情好测暗,可當(dāng)我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布央串。 她就那樣靜靜地躺著,像睡著了一般碗啄。 火紅的嫁衣襯著肌膚如雪质和。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天稚字,我揣著相機(jī)與錄音饲宿,去河邊找鬼。 笑死胆描,一個胖子當(dāng)著我的面吹牛瘫想,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播昌讲,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼国夜,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了短绸?” 一聲冷哼從身側(cè)響起车吹,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎醋闭,沒想到半個月后窄驹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡目尖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年馒吴,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瑟曲。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡饮戳,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出洞拨,到底是詐尸還是另有隱情扯罐,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布烦衣,位于F島的核電站歹河,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏花吟。R本人自食惡果不足惜秸歧,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望衅澈。 院中可真熱鬧键菱,春花似錦、人聲如沸今布。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至侵蒙,卻和暖如春造虎,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背纷闺。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工算凿, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人犁功。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓澎媒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親波桩。 傳聞我的和親對象是個殘疾皇子戒努,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內(nèi)容