在過去的一年裏,我們比較了將近12,000個Vue.js開源項目和庫,從中挑選了最好的45個(0.37%)。
這些項目和庫可以分爲3類:
-
用戶界面(1~19)
-
Vue.js工具(20~36)
-
項目(37~45)
這是一個非常好的清單,精心挑選了2018年1月至12月期間發佈的最佳Vue.js開源項目。Mybridge在受歡迎程度、參與度和新鮮度方面對它們進行了評估。其中Github的Star數平均爲2,620。
用戶界面
1.Vuetify
用於Vue.js 2的Material組件框架1.0版本,Github Star數16672。
地址:https://github.com/vuetifyjs/vuetify。
2.Weex-ui
基於Vue.js和Weex的輕量級高性能交互式UI庫,由阿里巴巴貢獻,Github Star數爲4097。
地址:https://github.com/alibaba/weex-ui
3.Eagle.js
一個使用Vue.js開發的幻燈片框架,Github Star數3343。
地址:https://github.com/Zulko/eagle.js
4.Vuesax
前端Vue組件,Github Star數2755。
地址:https://github.com/lusaxweb/vuesax
5.Vue-ydui
Vue2.js移動組件庫,Github Star數2308。
地址:https://github.com/ydcss/vue-ydui
6.Vue-grid-layout
Vue.js可拖動且可調整大小的網格佈局,Github Star數2003。
地址:https://github.com/jbaysolutions/vue-grid-layout
7.Vue-virtual-scroller
可以平滑滾動任意數量的數據,Github Star數1741。
地址:https://github.com/Akryum/vue-virtual-scroller
8.Vue-content-loader
用於創建佔位符加載的SVG組件,例如Facebook卡片加載,Github Star數1345。
地址:https://github.com/egoist/vue-content-loader
9.Mand-mobile
基於Vue.js 2的移動UI工具包,專爲財務方案而設計,Github Star數1391。
地址:https://github.com/didi/mand-mobile
10.Vuikit
用於網站界面的響應式Vue UI庫,Github Star數1293。
地址:https://github.com/vuikit/vuikit
11.Vue-design-system v2.0
一個用於基於Vue.js構建UI設計系統的開源工具,Github Star數1296。
地址:https://github.com/viljamis/vue-design-system
12.Vue-styleguidist
Vue組件樣式指南生成器,帶有實時的樣式指南,Github Star數1088。
地址:https://github.com/vue-styleguidist/vue-styleguidist
13.Heyui
用於Web的UI工具包,Vue2.0 ,Github Star數934。
地址:https://github.com/heyui/heyui
14.Vue2-animate v2.0
Animate.css的Vue移植版本,用於Vue的內置過渡,Github Star數884。
地址:https://github.com/asika32764/vue2-animate
15.Ui
官方Vue應用程序的UI組件,Github Star數841。
地址:https://github.com/vuejs/ui
16.Proppy
UI組件的prop組合(支持React.js和Vue.js),Github Star數792。
地址:https://github.com/fahad19/proppy
17.ZircleUI
開發可縮放用戶界面的前端庫,基於Vue.js ,Github上650。
地址:https://github.com/zircleUI/zircleUI
18.Vue-overdrive
用於Vue應用程序的過渡效果,超級簡單,Github Star數439。
地址:https://github.com/mattrothenberg/vue-overdrive
19.Vue-argon-design-system
Vue Argon設計系統,Github Star數302。
地址:https://github.com/creativetimofficial/vue-argon-design-system
Vue.js工具
20.Vue-cli
用於快速Vue.js開發的CLI 3.0版本,Github Star數18952。
地址:https://github.com/vuejs/vue-cli
21.Vue-devtools(v 4.0)
Chrome開發者工具的擴展,用於調試Vue.js應用程序,Github Star數12112。
地址:https://github.com/vuejs/vue-devtools
22.Vue-native-core
Vue Native是一個使用JavaScript構建跨平臺原生移動應用程序的框架[Github Star數5545]。
地址:https://github.com/GeekyAnts/vue-native-core
23.Tiptap
Vue.js富文本編輯器 ,Github Star數2790。
地址:https://github.com/scrumpy/tiptap
24.Uni-app
使用Vue.js開發跨平臺應用程序的前端框架 ,Github Star數2276。
地址:https://github.com/dcloudio/uni-app
25.Vue-rx v6.0
Vue.js的RxJS集成,Github Star數2284。
地址:https://github.com/vuejs/vue-rx
26.Eros
一組Vue代碼,兩端原生應用程序,Github Star數1587。
地址:https://github.com/bmfe/eros
27.Vue-wait
Vue/Vuex和Nuxt應用程序的複雜加載器和進度管理器,Github Star數1266。
地址:https://github.com/f/vue-wait
28.Vue-starter
一個生產就緒、靈活可擴展的PWA樣板,專注於性能、開發速度和最佳實踐,Github Star數1192。
地址:https://github.com/devCrossNet/vue-starter
29.Vue-hooks
使用Vue實現的React Hooks,Github Star數1148。
地址:https://github.com/yyx990803/vue-hooks
30.Portal-vue
Vuejs的Portal組件,用於在組件外部、文檔的任意位置渲染DOM,Github Star數1414。
地址:https://github.com/linusborg/portal-vue
31.Vue-fullpage.js
fullPage.js的官方Vue.js包裝器,Github Star數829。
地址:https://github.com/alvarotrigo/vue-fullpage.js
32.Vue-api-query
一種構建REST API請求的優雅而簡單的方法,Github Star數750。
地址:https://github.com/robsontenorio/vue-api-query
33.Vuese
Vue組件文檔的一站式解決方案,Github Star數741。
地址:https://github.com/vuese/vuese
34.Vuex-orm
Vuex插件,用於啓用對Vuex存儲的對象關係映射(ORM)訪問,Github Star數724。
地址:https://github.com/vuex-orm/vuex-orm
35.Vuex-pathify
Vue/Vuex插件,爲Vuex存儲提供統一的路徑語法,Github Star數651。
地址:https://github.com/davestewart/vuex-pathify
36.Vue-vr
使用Vue構建VR應用程序的框架,Github Star數147。
地址:https://github.com/imudin/vue-vr
項目
37.Vuepress
Minimalistic Vue驅動的靜態網站生成器,Github Star數11323。
地址:https://github.com/vuejs/vuepress
38.Gridsome
使用Vue.js爲CMS或數據構建超快的網站,在Github Star數1902。
地址:https://github.com/gridsome/gridsome
39.Vue-music-webapp
基於Vue的Music WebApp,Github Star數1357。
地址:https://github.com/CaiJinyc/vue-music-webapp
40.Vue-realworld-example-app
使用Vue.js、Vuex、axios和其他技術構建的示例性應用程序,Github Star數1187。
地址:https://github.com/gothinkster/vue-realworld-example-app
41.Page-transitions-travelapp
旅行應用程序,具有類似原生的頁面過渡,Github Star數1145。
地址:https://github.com/sdras/page-transitions-travelapp
42.Sample-vue-shop
一個示例商店,展示如何使用Vue、Stripe和Serverless Functions來管理支付流程,Github Star數918。
地址:https://github.com/sdras/sample-vue-shop
43.Vuegg
Vue GUI生成器,模擬和代碼可以一次性搞定,Github Star數853。
地址:https://github.com/vuegg/vuegg
44.Vue-filepond
FilePond的一個適配器組件,一個JavaScript庫,可以上傳任何東西,爲加快上傳速度對圖像進行優化,並提供了非常順暢的用戶體驗,Github Star數467。
地址:https://github.com/pqina/vue-filepond
45.Monimo
Netflix風格的Web App,用於觀看動畫,Github Star數230。
地址:https://github.com/altinselimi/monimo
英文原文:https://medium.mybridge.co/45-amazing-vue-js-open-source-for-the-past-year-v-2019-b8533f26a0a2
更多內容,請關注前端之巔。