最近脐彩，隨著“星球大戰(zhàn)”（指 GitHub 的 Star 數(shù)量大比拼）的爆發(fā)，Vue.js 在 GitHub 上的 Star 數(shù)超過了 React犁河。雖然 NPM 的下載量仍然落后于 React鳖枕，但 Vue.js 的受歡迎程度似乎在持續(xù)增長。
與 React 一樣桨螺，Vue 的最佳特性之一就是能夠使用獨立的模塊化組件來組合 UI宾符。為了幫助讀者更快地構(gòu)建下一個應(yīng)用程序，以下列出了 2018 年的一些最佳 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 工具包冤留。它擁有一個強(qiáng)大的社區(qū)和 350 個貢獻(xiàn)者，提供了豐富的可定制組件树灶，以及完整的樣式指南和更多的資源纤怒。
地址：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 萬烘豹，一組 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 上運(yùn)行代碼避矢。
地址：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ā)和維護(hù)當(dāng)中。
地址：https://github.com/museui/muse-ui
9. AT-UI
Star 數(shù)接近 1.5 萬悟狱，一個模塊化的前端 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ū)也在積極維護(hù)，并提供了 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 左右煤搜，貢獻(xiàn)者也只有 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ā)和維護(hù)當(dāng)中。
19. Cube UI
Star 數(shù)超過 3K壁晒，是用于 Vue.js 移動應(yīng)用程序的 UI 組件庫瓷们。所有組件都經(jīng)過了單元測試，并且該庫還支持按需進(jìn)行后期編譯和組件導(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
特別推薦
- 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/#!/
https://github.com/posva/vue-mdc
喜歡請點贊膏蚓，轉(zhuǎn)發(fā)实愚，收藏兼呵，謝謝！＠扒谩萍程！
