推薦22個(gè)頂級(jí)的Vue UI庫(kù)瞬内!

1、Vuetify

Star 數(shù)為 11K载矿,提供了 80 多個(gè) Vue.js 組件垄潮,這些組件是根據(jù)谷歌 Material Design 指南實(shí)現(xiàn)的烹卒。Vuetify 支持所有平臺(tái)上的瀏覽器,包括 IE11 和 Safari 9+(使用 polyfill)弯洗,并提供了 8 個(gè) vue-cli 模板旅急。

地址: https://github.com/vuetifyjs/vuetify

2、Quasar

Star 數(shù)超過(guò) 6K牡整,是構(gòu)建 Vue.js 響應(yīng)式網(wǎng)站藐吮、PWA、混合移動(dòng)應(yīng)用和 Electron 應(yīng)用的流行框架逃贝。Quasar 還支持諸如 HTML/CSS/JS 壓縮谣辞、緩存清除、搖樹(shù)優(yōu)化(tree shaking)沐扳、源映射泥从、代碼分割和延遲加載、ES6 轉(zhuǎn)碼等功能沪摄。

地址:https://github.com/quasarframework/quasar

3躯嫉、Element

Star 數(shù)將近 28K,是一款面向 Web 的 Vue.js 2.0 UI 工具包杨拐。它擁有一個(gè)強(qiáng)大的社區(qū)和 350 個(gè)貢獻(xiàn)者和敬,提供了豐富的可定制組件,以及完整的樣式指南和更多的資源戏阅。 地址:https://github.com/ElemeFE/element

4、Vue Material

Star 數(shù)差不多 6K啤它,是一個(gè)實(shí)了谷歌 Material Design 的簡(jiǎn)單庫(kù)奕筐。該庫(kù)還提供了一個(gè) webpack 樣板、用于 Nuxt.js 的 SSR 模板和一個(gè)單獨(dú)的 HTML 文件(通過(guò)這個(gè)文件開(kāi)始使用框架)变骡。這里有一些入門(mén)的例子https://codesandbox.io/s/github/vuematerial/examples/tree/master/examples/quick-start离赫。

地址: https://github.com/vuematerial/vue-material

5、Keen-UI

Star 數(shù)將近 3.5 K塌碌,一組 Vue 組件的集合渊胸,在設(shè)計(jì)上受到了谷歌 Material Design 的啟發(fā)。Keen-UI 并不是一個(gè) CSS 框架台妆,它不包含網(wǎng)格系統(tǒng)翎猛、排版樣式等。相反接剩,它關(guān)注的是基于 Javascript 的交互式組件切厘。

地址:https://github.com/JosephusPaye/Keen-UI

6、Buefy

Star 數(shù) 3K 左右懊缺,基于 Bulma(https://bulma.io)提供了一組輕量級(jí)的 UI 組件疫稿。Vue.js 和 Bulma 是這個(gè)庫(kù)唯一的兩個(gè)內(nèi)部依賴(lài)。它的大小約為 60KB(壓縮后的大小,并且包含了 Bulma)遗座。你可以查看實(shí)時(shí)文檔網(wǎng)站(https://buefy.github.io/#/documentation/start)并在 Codepen 上運(yùn)行代碼舀凛。

地址: https://github.com/buefy/buefy

7、Bootstrap Vue

Star 數(shù)超過(guò) 5K途蒋,為 Vue.js 提供了 Bootstrap 4 組件和網(wǎng)格系統(tǒng)的實(shí)現(xiàn)猛遍,并提供了自動(dòng) WAI-ARIA 可訪問(wèn)性標(biāo)記。

地址: https://github.com/bootstrap-vue/bootstrap-vue

8碎绎、Muse-UI

Star 數(shù)超過(guò) 6K螃壤,是另一個(gè) Vue 2.0 MD 庫(kù),提供了 40 多個(gè) UI 組件和可定制主題筋帖。文檔主要使用中文撰寫(xiě)奸晴,不過(guò)大多數(shù)組件是自解釋的,文檔只起到輔助作用日麸。該項(xiàng)目在積極的開(kāi)發(fā)和維護(hù)當(dāng)中寄啼。 地址:https://github.com/museui/muse-ui

9、AT-UI

Star 數(shù)接近 1.5 K代箭,一個(gè)模塊化的前端 UI 框架墩划,用于開(kāi)發(fā)基于 Vue.js 的 Web 界面,適用于桌面應(yīng)用程序嗡综。它提供了 NPM+Webpack+Babel 的前端開(kāi)發(fā)工作流和獨(dú)立的 CSS 樣式乙帮,值得一試。

地址: https://github.com/at-ui/at-ui

10极景、Vux

Star 數(shù)超過(guò) 13K察净,是一個(gè)流行的社區(qū)庫(kù),基于 WeUI 和 Vue 2.0盼樟。該庫(kù)還支持 webpack+vue-loader+vux 的工作流氢卡。它的文檔也是中文的。

地址: https://github.com/airyland/vux

11晨缴、iView

Star 數(shù)將近 16K译秦,提供了數(shù)十種用 Vue.js 構(gòu)建的 UI 組件和小部件,并采用了干凈而優(yōu)雅的設(shè)計(jì)击碗。iView 被廣泛采用筑悴,社區(qū)也在積極維護(hù),并提供了 CLI 工具用于以可視化的方式創(chuàng)建項(xiàng)目稍途。這個(gè)也值得一試雷猪。

地址: https://github.com/iview/iview

12、Uiv

Star 數(shù)“僅”550 左右晰房,用于 Vue 2 的 Bootstrap 3 組件庫(kù)求摇。所有組件加起來(lái)差不多 20KB射沟,唯一的外部依賴(lài)是 Vue 和 Bootstrap CSS,支持基于 Webpack 的工作流与境。 地址:https://github.com/wxsms/uiv

13验夯、Vuikit

Star 數(shù) 1K 左右,一個(gè)用于網(wǎng)站界面的響應(yīng)式的 Vue UI 庫(kù)摔刁,設(shè)計(jì)風(fēng)格干凈而統(tǒng)一挥转。該庫(kù)作為由 Yarn 工作區(qū)管理的“monorepo”而構(gòu)建,但圖標(biāo)和主題可作為單獨(dú)的包發(fā)布共屈。

地址: https://github.com/vuikit/vuikit

14绑谣、Onsen UI+Vue

基于流行的 Onsen-UI 框架,封裝了核心 Web 組件并暴露了 Vue 風(fēng)格的 API拗引。Onsen UI 組件也被設(shè)計(jì)為能夠主動(dòng)對(duì) prop 做出反應(yīng)借宵。

地址: https://onsen.io/v2/guide/vue/

15、Semantic UI+Vue

這個(gè)項(xiàng)目基本上是 Semantic-UI 框架與 Vue.js 的集成矾削。該庫(kù)仍在開(kāi)發(fā)當(dāng)中壤玫,提供了一個(gè)類(lèi)似于 Semantic-UI 的 API 以及一組可定制的主題。

地址: https://semantic-ui-vue.github.io/

16哼凯、Fish-UI

Star 數(shù)“僅”為 500 左右欲间,貢獻(xiàn)者也只有 3 個(gè),但 fish-ui 提供了一個(gè)基于 Vue 的 Web 工具包断部,其中包含整潔干凈的組件猎贴。該庫(kù)支持 ES2015+Webpack 工作流。它的文檔不是很全蝴光,但它的設(shè)計(jì)不容忽視嘱能。

地址: https://github.com/myliang/fish-ui

17、Mint UI

Star 數(shù)超過(guò) 11K虱疏,為 Vue.js 提供 UI 元素,提供了用于構(gòu)建移動(dòng)應(yīng)用程序的 CSS 和 JS 組件苏携。當(dāng)全部導(dǎo)入時(shí)做瞪,壓縮后的代碼只有月 30KB(JS+CSS),當(dāng)然它也支持單個(gè)組件的導(dǎo)入右冻。

地址: https://github.com/ElemeFE/mint-ui/

18装蓬、Framework7 Vue

這個(gè)集成提供了幾乎所有的 Framework7 元素和組件,并集成了 Framework7 Router纱扭,按照 Vue 的方式來(lái)渲染頁(yè)面牍帚。該庫(kù)正處于積極的開(kāi)發(fā)和維護(hù)當(dāng)中。 地址:https://framework7.io/vue/

19乳蛾、Cube UI

Star 數(shù)超過(guò) 3K暗赶,是用于 Vue.js 移動(dòng)應(yīng)用程序的 UI 組件庫(kù)鄙币。所有組件都經(jīng)過(guò)了單元測(cè)試,并且該庫(kù)還支持按需進(jìn)行后期編譯和組件導(dǎo)入蹂随。這個(gè)庫(kù)仍在積極開(kāi)發(fā)中十嘿。

地址: https://github.com/didi/cube-ui

20、Vueblu

Star 數(shù)約 1.5K岳锁,是基于 Vue 2.0 和 Bulma 的 UI 組件庫(kù)绩衷,用于構(gòu)建中臺(tái)和后臺(tái)辦公產(chǎn)品。它支持 ES2015 和 NPM+Webpack+Babel 工作流激率,并提供可自定義主題咳燕。

地址: https://github.com/chenz24/vue-blu

21、Ant Design Vue

Star 數(shù)約 1.5K乒躺,用于開(kāi)發(fā)具有數(shù)十個(gè) Ant Design 實(shí)現(xiàn)組件的企業(yè)級(jí)后端產(chǎn)品招盲,并支持基于 Webpack 調(diào)試的構(gòu)建解決方案(支持 ES6)。請(qǐng)注意聪蘸,它的開(kāi)發(fā)已經(jīng)停止了一段時(shí)間宪肖。

地址: https://github.com/okoala/vue-antd

21、vant
Vant 是有贊前端團(tuán)隊(duì)基于有贊統(tǒng)一的規(guī)范實(shí)現(xiàn)的 Vue 組件庫(kù)健爬,提供了一整套 UI 基礎(chǔ)組件和業(yè)務(wù)組件控乾。通過(guò) Vant,可以快速搭建出風(fēng)格統(tǒng)一的頁(yè)面娜遵,提升開(kāi)發(fā)效率蜕衡。目前已有近50個(gè)組件,這些組件被廣泛使用于有贊的各個(gè)移動(dòng)端業(yè)務(wù)中设拟。我們會(huì)在此基礎(chǔ)上不斷完善慨仿,開(kāi)發(fā)更多實(shí)用的組件。

https://youzan.github.io/vant
https://segmentfault.com/a/1190000011377961

特別推薦

n3-components :

https://github.com/N3-components/N3-components

vuikit:

https://vuikit.js.org/

Kendu UI Vue

https://www.telerik.com/kendo-vue-ui

Office Fabric-Vue

https://github.com/aidewoode/office-ui-fabric-vue

vuestrap

http://kzima.github.io/vuestrap-base-components/#/

vueboot

http://morgul.github.io/vueboot/

framevuerk

http://framevuerk.com/

Vue WeUI

http://aidenzou.github.io/vue-weui/#!/

Vue-MDC

https://github.com/posva/vue-mdc

重磅發(fā)布預(yù)告

排名11位的iView是由TalkingData數(shù)據(jù)可視化團(tuán)隊(duì)開(kāi)源的UI組件庫(kù)纳胧,也是一個(gè)充滿情懷的開(kāi)源項(xiàng)目镰吆。 在過(guò)去的一年里,iView共迭代了27個(gè)版本跑慕,還在近期發(fā)布了針對(duì)微信小程序開(kāi)發(fā)的UI組件庫(kù)——《iView Weapp》万皿。 7.28是iView的兩周年生日,iView團(tuán)隊(duì)也將在這一天舉辦發(fā)布會(huì)核行,正式發(fā)布iView 3.0以及5款與iView相關(guān)的神秘產(chǎn)品牢硅。點(diǎn)擊文末閱讀原文,就有機(jī)會(huì)親臨發(fā)布會(huì)現(xiàn)場(chǎng)芝雪。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末减余,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子惩系,更是在濱河造成了極大的恐慌位岔,老刑警劉巖如筛,帶你破解...
    沈念sama閱讀 212,222評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異赃承,居然都是意外死亡妙黍,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,455評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)瞧剖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)拭嫁,“玉大人,你說(shuō)我怎么就攤上這事抓于∽鲈粒” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,720評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵捉撮,是天一觀的道長(zhǎng)怕品。 經(jīng)常有香客問(wèn)我,道長(zhǎng)巾遭,這世上最難降的妖魔是什么肉康? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,568評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮灼舍,結(jié)果婚禮上吼和,老公的妹妹穿的比我還像新娘。我一直安慰自己骑素,他們只是感情好炫乓,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,696評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布娄徊。 她就那樣靜靜地躺著峻堰,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蔚出。 梳的紋絲不亂的頭發(fā)上创橄,一...
    開(kāi)封第一講書(shū)人閱讀 49,879評(píng)論 1 290
  • 那天箩做,我揣著相機(jī)與錄音,去河邊找鬼妥畏。 笑死邦邦,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的咖熟。 我是一名探鬼主播,決...
    沈念sama閱讀 39,028評(píng)論 3 409
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼柳畔,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼馍管!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起薪韩,我...
    開(kāi)封第一講書(shū)人閱讀 37,773評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤确沸,失蹤者是張志新(化名)和其女友劉穎捌锭,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體罗捎,經(jīng)...
    沈念sama閱讀 44,220評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡观谦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,550評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了桨菜。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片豁状。...
    茶點(diǎn)故事閱讀 38,697評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖倒得,靈堂內(nèi)的尸體忽然破棺而出泻红,到底是詐尸還是另有隱情,我是刑警寧澤霞掺,帶...
    沈念sama閱讀 34,360評(píng)論 4 332
  • 正文 年R本政府宣布谊路,位于F島的核電站,受9級(jí)特大地震影響菩彬,放射性物質(zhì)發(fā)生泄漏缠劝。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,002評(píng)論 3 315
  • 文/蒙蒙 一骗灶、第九天 我趴在偏房一處隱蔽的房頂上張望惨恭。 院中可真熱鬧,春花似錦矿卑、人聲如沸喉恋。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,782評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)轻黑。三九已至,卻和暖如春琴昆,著一層夾襖步出監(jiān)牢的瞬間氓鄙,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,010評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工业舍, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留抖拦,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,433評(píng)論 2 360
  • 正文 我出身青樓舷暮,卻偏偏與公主長(zhǎng)得像态罪,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子下面,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,587評(píng)論 2 350

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