前些天發(fā)現(xiàn)了一個(gè)巨牛的人工智能學(xué)習(xí)網(wǎng)站，通俗易懂，風(fēng)趣幽默，忍不住分享一下給大家。點(diǎn)擊跳轉(zhuǎn)到教程。

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)始使用框架）。這里有一些入門的例子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)部依賴。它的大小約為 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 組件和可定制主題。文檔主要使用中文撰寫，不過(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，唯一的外部依賴是 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è)類似于 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

?

特別推薦

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

?

轉(zhuǎn)自：http://blog.talkingdata.com/?p=5993

總結(jié)

以上是生活随笔為你收集整理的推荐 21 个顶级的 Vue UI 库的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。