Vue UI庫

本篇內(nèi)容,完全摘抄于網(wǎng)絡(luò)庶近,僅作收集:
參考一:推薦22個頂級的Vue UI庫赞庶!
1训挡、Vuetify
Star 數(shù)為 11K,提供了 80 多個 Vue.js 組件歧强,這些組件是根據(jù)谷歌 Material Design 指南實現(xiàn)的澜薄。Vuetify 支持所有平臺上的瀏覽器,包括 IE11 和 Safari 9+(使用 polyfill)摊册,并提供了 8 個 vue-cli 模板肤京。

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

2、Quasar
Star 數(shù)超過 6K茅特,是構(gòu)建 Vue.js 響應(yīng)式網(wǎng)站忘分、PWA、混合移動應(yīng)用和 Electron 應(yīng)用的流行框架白修。Quasar 還支持諸如 HTML/CSS/JS 壓縮妒峦、緩存清除、搖樹優(yōu)化(tree shaking)熬荆、源映射舟山、代碼分割和延遲加載、ES6 轉(zhuǎn)碼等功能卤恳。

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

3累盗、Element
Star 數(shù)將近 28K,是一款面向 Web 的 Vue.js 2.0 UI 工具包突琳。它擁有一個強大的社區(qū)和 350 個貢獻者若债,提供了豐富的可定制組件,以及完整的樣式指南和更多的資源拆融。 地址:https://github.com/ElemeFE/element

4蠢琳、Vue Material
Star 數(shù)差不多 6K啊终,是一個實了谷歌 Material Design 的簡單庫。該庫還提供了一個 webpack 樣板傲须、用于 Nuxt.js 的 SSR 模板和一個單獨的 HTML 文件(通過這個文件開始使用框架)蓝牲。這里有一些入門的例子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è)計上受到了谷歌 Material Design 的啟發(fā)已卸。Keen-UI 并不是一個 CSS 框架佛玄,它不包含網(wǎng)格系統(tǒng)、排版樣式等累澡。相反梦抢,它關(guān)注的是基于 Javascript 的交互式組件。

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

6愧哟、Buefy
Star 數(shù) 3K 左右奥吩,基于 Bulma(https://bulma.io)提供了一組輕量級的 UI 組件。Vue.js 和 Bulma 是這個庫唯一的兩個內(nèi)部依賴翅雏。它的大小約為 60KB(壓縮后的大小圈驼,并且包含了 Bulma)。你可以查看實時文檔網(wǎng)站(https://buefy.github.io/#/documentation/start)并在 Codepen 上運行代碼望几。

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

7、Bootstrap Vue
Star 數(shù)超過 5K萤厅,為 Vue.js 提供了 Bootstrap 4 組件和網(wǎng)格系統(tǒng)的實現(xiàn)橄抹,并提供了自動 WAI-ARIA 可訪問性標(biāo)記。

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

8惕味、Muse-UI
Star 數(shù)超過 6K楼誓,是另一個 Vue 2.0 MD 庫,提供了 40 多個 UI 組件和可定制主題名挥。文檔主要使用中文撰寫疟羹,不過大多數(shù)組件是自解釋的,文檔只起到輔助作用禀倔。該項目在積極的開發(fā)和維護當(dāng)中榄融。 地址:https://github.com/museui/muse-ui

9、AT-UI
Star 數(shù)接近 1.5 K救湖,一個模塊化的前端 UI 框架愧杯,用于開發(fā)基于 Vue.js 的 Web 界面,適用于桌面應(yīng)用程序鞋既。它提供了 NPM+Webpack+Babel 的前端開發(fā)工作流和獨立的 CSS 樣式力九,值得一試耍铜。

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

10、Vux
Star 數(shù)超過 13K跌前,是一個流行的社區(qū)庫棕兼,基于 WeUI 和 Vue 2.0。該庫還支持 webpack+vue-loader+vux 的工作流抵乓。它的文檔也是中文的程储。

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

11、iView
Star 數(shù)將近 16K臂寝,提供了數(shù)十種用 Vue.js 構(gòu)建的 UI 組件和小部件章鲤,并采用了干凈而優(yōu)雅的設(shè)計。iView 被廣泛采用咆贬,社區(qū)也在積極維護败徊,并提供了 CLI 工具用于以可視化的方式創(chuàng)建項目。這個也值得一試掏缎。

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

12皱蹦、Uiv
Star 數(shù)“僅”550 左右,用于 Vue 2 的 Bootstrap 3 組件庫眷蜈。所有組件加起來差不多 20KB沪哺,唯一的外部依賴是 Vue 和 Bootstrap CSS,支持基于 Webpack 的工作流酌儒。 地址:https://github.com/wxsms/uiv

13辜妓、Vuikit
Star 數(shù) 1K 左右,一個用于網(wǎng)站界面的響應(yīng)式的 Vue UI 庫忌怎,設(shè)計風(fēng)格干凈而統(tǒng)一籍滴。該庫作為由 Yarn 工作區(qū)管理的“monorepo”而構(gòu)建,但圖標(biāo)和主題可作為單獨的包發(fā)布榴啸。

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

14孽惰、Onsen UI+Vue
基于流行的 Onsen-UI 框架,封裝了核心 Web 組件并暴露了 Vue 風(fēng)格的 API鸥印。Onsen UI 組件也被設(shè)計為能夠主動對 prop 做出反應(yīng)勋功。

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

15、Semantic UI+Vue
這個項目基本上是 Semantic-UI 框架與 Vue.js 的集成库说。該庫仍在開發(fā)當(dāng)中狂鞋,提供了一個類似于 Semantic-UI 的 API 以及一組可定制的主題。

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

16璃弄、Fish-UI
Star 數(shù)“僅”為 500 左右要销,貢獻者也只有 3 個,但 fish-ui 提供了一個基于 Vue 的 Web 工具包夏块,其中包含整潔干凈的組件疏咐。該庫支持 ES2015+Webpack 工作流纤掸。它的文檔不是很全,但它的設(shè)計不容忽視浑塞。

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

17借跪、Mint UI
Star 數(shù)超過 11K,為 Vue.js 提供 UI 元素酌壕,提供了用于構(gòu)建移動應(yīng)用程序的 CSS 和 JS 組件蜜葱。當(dāng)全部導(dǎo)入時茂腥,壓縮后的代碼只有月 30KB(JS+CSS)萍肆,當(dāng)然它也支持單個組件的導(dǎo)入削罩。

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

18、Framework7 Vue
這個集成提供了幾乎所有的 Framework7 元素和組件糊昙,并集成了 Framework7 Router辛掠,按照 Vue 的方式來渲染頁面。該庫正處于積極的開發(fā)和維護當(dāng)中释牺。 地址:https://framework7.io/vue/

19萝衩、Cube UI
Star 數(shù)超過 3K,是用于 Vue.js 移動應(yīng)用程序的 UI 組件庫没咙。所有組件都經(jīng)過了單元測試猩谊,并且該庫還支持按需進行后期編譯和組件導(dǎo)入。這個庫仍在積極開發(fā)中祭刚。

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

20牌捷、Vueblu
Star 數(shù)約 1.5K,是基于 Vue 2.0 和 Bulma 的 UI 組件庫袁梗,用于構(gòu)建中臺和后臺辦公產(chǎn)品宜鸯。它支持 ES2015 和 NPM+Webpack+Babel 工作流,并提供可自定義主題遮怜。

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

21、Ant Design Vue
Star 數(shù)約 1.5K鸿市,用于開發(fā)具有數(shù)十個 Ant Design 實現(xiàn)組件的企業(yè)級后端產(chǎn)品锯梁,并支持基于 Webpack 調(diào)試的構(gòu)建解決方案(支持 ES6)。請注意焰情,它的開發(fā)已經(jīng)停止了一段時間陌凳。

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

21、vant
Vant 是有贊前端團隊基于有贊統(tǒng)一的規(guī)范實現(xiàn)的 Vue 組件庫内舟,提供了一整套 UI 基礎(chǔ)組件和業(yè)務(wù)組件合敦。通過 Vant,可以快速搭建出風(fēng)格統(tǒng)一的頁面验游,提升開發(fā)效率充岛。目前已有近50個組件保檐,這些組件被廣泛使用于有贊的各個移動端業(yè)務(wù)中。我們會在此基礎(chǔ)上不斷完善崔梗,開發(fā)更多實用的組件夜只。

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市蒜魄,隨后出現(xiàn)的幾起案子扔亥,更是在濱河造成了極大的恐慌,老刑警劉巖谈为,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件旅挤,死亡現(xiàn)場離奇詭異,居然都是意外死亡伞鲫,警方通過查閱死者的電腦和手機粘茄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來榔昔,“玉大人驹闰,你說我怎么就攤上這事∪龌幔” “怎么了嘹朗?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵,是天一觀的道長诵肛。 經(jīng)常有香客問我屹培,道長,這世上最難降的妖魔是什么怔檩? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任褪秀,我火速辦了婚禮,結(jié)果婚禮上薛训,老公的妹妹穿的比我還像新娘媒吗。我一直安慰自己,他們只是感情好乙埃,可當(dāng)我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布闸英。 她就那樣靜靜地躺著,像睡著了一般介袜。 火紅的嫁衣襯著肌膚如雪甫何。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天遇伞,我揣著相機與錄音辙喂,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛巍耗,可吹牛的內(nèi)容都是我干的秋麸。 我是一名探鬼主播,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼芍锦,長吁一口氣:“原來是場噩夢啊……” “哼竹勉!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起娄琉,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤次乓,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后孽水,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體票腰,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年女气,在試婚紗的時候發(fā)現(xiàn)自己被綠了杏慰。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡炼鞠,死狀恐怖缘滥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情谒主,我是刑警寧澤朝扼,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站霎肯,受9級特大地震影響擎颖,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜观游,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一搂捧、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧懂缕,春花似錦允跑、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至拌屏,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間术荤,已是汗流浹背倚喂。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人端圈。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓焦读,卻偏偏與公主長得像,于是被迫代替她去往敵國和親舱权。 傳聞我的和親對象是個殘疾皇子矗晃,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,685評論 2 360

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

  • 1张症、Vuetify Star 數(shù)為 11K,提供了 80 多個 Vue.js 組件鸵贬,這些組件是根據(jù)谷歌 Mater...
    月下吳剛_c8c7閱讀 4,821評論 0 40
  • 1.VuetifyStar 數(shù)為 11K俗他,提供了 80 多個 Vue.js 組件,這些組件是根據(jù)谷歌 Materi...
    shaguamayi閱讀 694評論 0 7
  • 1阔逼、Vuetify Star 數(shù)為 11K兆衅,提供了 80 多個 Vue.js 組件,這些組件是根據(jù)谷歌 Mater...
    小半_生閱讀 4,623評論 0 0
  • 第十章第七節(jié) 道德發(fā)展 道德(morality)是一個人關(guān)于人類行為正確與否的信念嗜浮、價值和深層判斷系統(tǒng)羡亩。 1、柯爾...
    逍遙的小魚閱讀 650評論 1 1
  • 中午午休時危融,正在看老爸當(dāng)家的我讓一個陌生人打擾了畏铆,陌生人想做水晶字而第一反應(yīng)是讓他找老板然后遞上名片,而陌生人必沒...
    A昊欣閱讀 98評論 0 1