Vue經典開源專案彙總

xiangzhihong發表於2019-01-31

Vue.js(讀音 /vjuː/, 類似於 view)是一套用於構建使用者介面的漸進式框架,主要用於快速的構建前端介面,與其它大型的前端框架不同,Vue被設計為可以自底向上逐層應用。

相比Angular.js來說,Vue的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合,是初創專案的前端首選框架。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,Vue也完全能夠為複雜的單頁應用提供驅動。

正式因為Vue.js具有易用、靈活、高效能和漸進式等特點, 才使得Vue.js成為當前三大流行的JavaScript 框架之一。

工欲善其事,必先利其器。Vue的快速發展和崛起也得益於其快速發展的社群環境。為了實現快速的迭代,Vue社群湧現出了一大批的開源專案,藉助這些開源專案,我們可以實現快速的迭代升級。

UI元件

element ★34,784 - 餓了麼出品的基於Vue2的web UI工具套件
storybook ★33,503 - 響應式UI 開發及測試環境
Vux ★15,061 - 基於Vue和WeUI的元件庫
mint-ui ★13,381 - Vue 2的移動UI元素
iview ★19,629 - 基於 Vuejs 的開源 UI 元件庫
Keen-UI ★3,615 - 輕量級的UI元件合集
vue-material ★7,542 - 實現Material效果的UI庫
muse-ui ★7,077 - 三端樣式一致的響應式 UI 庫
vuetify ★16,345 - 為移動而生的Vue JS 2元件框架
vonic ★3,009 - 快速構建移動端單頁應用
eme ★1,772 - 優雅的Markdown編輯器
vue-multiselect ★3,877 - Vue.js選擇框解決方案
vue-table ★1,691 - 簡化資料表格
VueCircleMenu ★1,075 - 漂亮的vue圓環選單
vue-chat ★1,255 - vuejs和vuex及webpack的聊天示例
radon-ui ★885 - 快速開發產品的Vue元件庫
vue-waterfall ★1,447 - Vue.js的瀑布佈局元件
vue-carbon ★909 - 基於 vue 開發MD風格的移動端元件庫
vue-beauty ★1,871 - 由vue和ant design建立的優美UI元件
vue-blu ★1,449 - 幫助你輕鬆建立web應用
vueAdmin ★4,836 - 基於vuejs2和element的簡單的管理員模板
vue-syntax-highlight ★1,202 - Sublime Text語法高亮
vue-infinite-scroll ★1,886 - VueJS的無限滾動指令
Vue.Draggable ★6,459 - 實現拖放和檢視模型陣列同步
vue-awesome-swiper ★5,817 - vue.js觸控滑動元件
vue-calendar ★1,081 - 日期選擇外掛
bootstrap-vue ★7,757 - 應用於Vuejs2的Twitter的Bootstrap 4元件
vue-swipe ★866 - VueJS觸控滑塊
vue-amap ★1,869 - 基於Vue 2和高德地圖的地圖元件
vue-chartjs ★2,661 - vue中的Chartjs的封裝
vue-datepicker ★681 - 日曆和日期選擇元件
vue-google-maps ★493 - 帶有雙向資料繫結Google地圖元件
vue-progressbar ★936 - vue輕量級進度條
vue-picture-input ★717 - 移動友好的圖片檔案輸入元件
vue-infinite-loading ★1,524 - VueJS的無限滾動外掛
vue-upload-component ★1,395 - Vuejs檔案上傳元件
vue-datetime-picker ★316 - 日期時間選擇控制元件
vue-scroller ★1,453 - Vonic UI的功能性元件
vue2-calendar ★403 - 支援lunar和日期事件的日期選擇器
vue-video-player ★1,734 - VueJS視訊及直播播放器
vue-fullcalendar ★963 - 基於vue.js的全日曆元件
rubik ★276 - 基於Vuejs2的開源 UI 元件庫
VueStar ★637 - 帶星星動畫的vue點贊按鈕
vue-mugen-scroll ★457 - 無限滾動元件
mint-loadmore ★316 - VueJS的雙向下拉重新整理元件
vue-tables-2 ★1,064 - 顯示資料的bootstrap樣式網格
vue-virtual-scroller ★1,672 - 帶任意數目資料的順暢的滾動
DataVisualization ★985 - 資料視覺化
vue-quill-editor ★3,533 - 基於Quill適用於Vue2的富文字編輯器
Vueditor ★506 - 所見即所得的編輯器
vue-html5-editor ★761 - html5所見即所得編輯器
vue-msgbox ★231 - vuejs的訊息框
vue-slider ★646 - vue 滑動元件
vue-core-image-upload ★1,128 - 輕量級的vue上傳外掛
vue-slide ★212 - vue輕量級滑動元件
vue-lazyload-img ★229 - 移動優化的vue圖片懶載入外掛
vue-drag-and-drop-list ★305 - 建立排序列表的Vue指令
vue-progressive-image ★510 - Vue的漸進影像載入外掛
vuwe ★215 - 基於微信WeUI所開發的專用於Vue2的元件庫
vue-dropzone ★1,159 - 用於檔案上傳的Vue元件
vue-charts ★357 - 輕鬆渲染一個圖表
vue-swiper ★269 - 易於使用的滑塊元件
vue-images ★195 - 顯示一組圖片的lightbox元件
vue-carousel-3d ★449 - VueJS的3D輪播元件
vue-typer ★428 - 模擬使用者輸入選擇和刪除文字的Vue元件
vue-impression ★199 - 移動Vuejs2 UI元素
vue-datatable ★120 - 使用Vuejs建立的DataTableView
vue-instant ★313 - 輕鬆建立自動提示的自定義搜尋控制元件
vue-dragging ★455 - 使元素可以拖拽
vue-slider-component ★1,176 - 在vue1和vue2中使用滑塊
vue2-loading-bar ★225 - 最簡單的仿Youtube載入條檢視
vue-datepicker ★107 - 漂亮的Vue日期選擇器元件
vue-video ★244 - Vue.js的HTML5視訊播放器
vue-image-crop-upload ★1,124 - vue圖片剪裁上傳元件
vue-tooltip ★867 - 帶繫結資訊提示的提示工具
vue-highcharts ★339 - HighCharts元件
vue-touch-ripple ★320 - vuejs的觸控ripple元件
vue-datasource ★389 - 建立VueJS動態表格
vue2-timepicker ★246 - 下拉時間選擇器
vue-date-picker ★86 - VueJS日期選擇器元件
vue-scrollbar ★104 - 最簡單的滾動區域元件
vue-quill ★99 - vue元件構建quill編輯器
vue-google-signin-button ★180 - 匯入谷歌登入按鈕
vue-svgicon ★517 - 建立svg圖示元件的工具
vue-baidu-map ★1,090 - 基於 Vue 2的百度地圖元件庫
vue-social-sharing ★571 - 社交分享元件
vue2-editor ★1,304 - HTML編輯器
vue-easy-slider ★230 - Vue 2.x的滑塊元件
datepicker ★111 - 基於flatpickr的時間選擇元件
vue-chart ★47 - 強大的高速的vue圖表解析
vue-music-master ★65 - vue手機端網頁音樂播放器
handsontable ★44 - 網頁表格元件
vue-simplemde ★553 - VueJS的Markdown編輯器元件
vue-popup-mixin ★70 - 用於管理彈出框的遮蓋層
cubeex ★85 - 包含一套完整的移動UI
vue-fullcalendar ★405 - vue FullCalendar封裝
vue-morris ★148 - Vuejs元件封裝Morrisjs庫
we-vue ★356 - Vue2及weui1開發的元件
vue-radial-progress ★206 - Vue.js放射性進度條元件
vue-slick ★349 - 實現流暢輪播框的vue元件
vue-pull-to-refresh ★106 - Vue2的上拉下拉
vue-side-nav ★50 - 響應式的側邊導航
mint-indicator ★71 - VueJS移動載入指示器外掛
vue-touch-keyboard ★153 - VueJS虛擬鍵盤元件
vue-chartkick ★444 - VueJS一行程式碼實現優美圖表
vue-ztree ★127- 用 vue 寫的樹層級元件
vue-m-carousel ★50 - vue 移動端輪播元件
vue-datepicker-simple ★59 - 基於vue的日期選擇器
vue-tabs ★123 - 多tab頁輕型框架
vue-city ★98- 城市選擇器

腳手架

vuex ★18,763 - 專為 Vue.js 應用程式開發的狀態管理模式
vuelidate ★3,336 - 簡單輕量級的基於模組的Vue.js驗證
qingcheng ★864 - qingcheng主題
vue-desktop ★542 - 建立管理皮膚網站的UI庫
vue-meta ★2,215 - 管理app的meta資訊
vue-axios ★1,350 - 將axios整合到VueJS的封裝
vue-svg-icon ★473 - vue2的可變彩色svg圖示方案
avoriaz ★776 - VueJS測試實用工具庫
vue-bootstrap-modal ★149 - vue的Bootstrap樣式元件
vuep ★557 - 用實時編輯和預覽來渲染Vue元件
vue-online ★115 - reactive的線上和離線元件
vue-lazy-render ★201 - 用於Vue元件的延遲渲染
vue-password-strength-meter ★299 - 互動式密碼強度計
element-admin ★294 - 支援 vuecli 的 Element UI 的後臺模板
vue-electron ★186 - 將選擇的API封裝到Vue物件中的外掛
cleave ★95 - 基於cleave.js的Cleave元件
vue-events ★181 - 簡化事件的VueJS外掛
vue-shortkey ★440 - 應用於Vue.js的Vue-ShortKey 外掛
vue-cordova ★276 - Cordova的VueJS外掛
vue-router-transition ★105 - 頁面過渡外掛
vue-gesture ★134 - VueJS的手勢事件外掛
http-vue-loader ★456 - 從html及js環境載入vue檔案
vue-qart ★259 - 用於qartjs的Vue2指令
vue-websocket ★391 - VueJS的Websocket外掛
vue-local-storage ★416 - 具有型別支援的Vuejs本地儲存外掛
vue-bus ★220 - VueJS的事件匯流排
vue-reactive-storage ★63 - vue外掛的Reactive層
vue-notifications ★400 - 非阻塞通知庫
vue-lazy-component ★32 - 懶載入元件或者元素的Vue指令
vue-observe-visibility ★442 - 當元素在頁面上可見或隱藏時檢測
vuex-i18n ★557 - 定位外掛
Vue.resize ★186 - 檢測HTML調整大小事件的vue指令
vuex-shared-mutations ★311 - 分享某種Vuex mutations

開發框架

electron-vue ★8,534 - Electron及VueJS快速啟動樣板
vue-2.0-boilerplate ★771 - Vue2單頁應用樣板
vue-spa-template ★623 - 前後端分離後的單頁應用開發
Framework7-Vue ★646 - VueJS與Framework7結合
vue-bulma ★373 - 輕量級高效能MVVM Admin UI框架
vue-webgulp ★140 - 仿VueJS Vue loader示例

伺服器外掛

nuxt.js ★17,821 - 用於伺服器渲染Vue app的最小化框架
express-vue ★976 - 簡單的使用伺服器端渲染vue.js
vue-ssr ★151 - 非常簡單的VueJS伺服器端渲染模板
vue-easy-renderer ★56 - Nodejs服務端渲染

輔助工具

DejaVue ★764 - Vuejs視覺化及壓力測試
vue-play ★932 - 展示Vue元件的最小化框架
vscode-VueHelper ★330 - 目前vscode最好的vue程式碼提示外掛
vue-generate-component ★149 - 輕鬆生成Vue js元件的CLI工具
vue-multipage-cli ★77 - 簡單的多頁CLI

示例

koel ★9,902 - 基於網路的個人音訊流媒體服務
vue2-happyfri ★6,351 - vue2 + vuex整合專案
pagekit ★5,035 - 輕量級的CMS建站系統
vuedo ★1,925 - 部落格平臺
jackblog-vue ★1,689 - 個人部落格系統
vue-cnode ★1,094 - 重寫vue版cnode社群
CMS-of-Blog ★670 - 部落格內容管理器
rss-reader ★883 - 簡單的rss閱讀器
vue-ghpages-blog ★401 - 依賴GitHub Pages無需本地生成的靜態部落格
vue-blog ★768 - 使用Vue2.0 和Vuex的vue-blog
Vue-cnodejs ★3,035 - 基於vue重寫Cnodejs.org的webapp
NeteaseCloudWebApp ★2,117 - 高仿網易雲音樂的webapp
vue-zhihu-daily ★1,246 - 知乎日報 with Vuejs
vue-wechat ★1,436 - vue.js開發微信app介面
vue2-demo ★1,650 - 從零構建vue2 + vue-router + vuex 開發環境
eleme ★1,532 - 高仿餓了麼app商家詳情
vue-demo ★1,099 - vue簡易留言板
bilibili-vue ★1,436 - 全棧式開發bilibili首頁
spa-starter-kit ★916 - 單頁應用啟動套件
VueDemo_Sell_Eleme ★1,235 - Vue2高仿餓了麼外賣平臺
vue-music ★1,251 - Vue 音樂搜尋播放
douban ★1,989 - 基於vue全家桶的精緻豆瓣DEMO
vue-Meizi ★1,193 - vue最新實戰專案
maizuo ★759 - vue/vuex/redux仿賣座網
vue-WeChat ★1,328 - 基於Vue2高仿微信App的單頁應用
vue-demo-kugou ★896 - vuejs仿寫酷狗音樂webapp
vue2-manage ★5,403 - 基於 vue + element-ui 的後臺管理系統
zhihudaily-vue ★629 - 知乎日報web版
vue-163-music ★747 - vue仿網易雲音樂客戶端版
vue-axios-github ★1,954 - 登入攔截登出功能
vue-shopping ★550 - 蘑菇街移動端
vue2.0-taopiaopiao ★912 - vue2.0與express構建淘票票頁面
xyy-vue ★1,187 - 大學生交流平臺

vue2.x-douban ★714 - Vue2實現簡易豆瓣電影webApp
vue2-MiniQQ ★625 - 基於Vue2實現的仿手機QQ單頁面應用
mi-by-vue ★387 - VueJS仿小米官網
daily-zhihu ★500 - 基於Vue2的知乎日報單頁應用
node-vue-server-webpack ★285 - Node.js+Vue.js+webpack快速開發框架
beauty ★245 - 豆瓣美女clone
vue-adminLte-vue-router ★243 - vue和adminLte整合應用
vue-fis3 ★217 - 流行開源工具整合demo
notepad ★216 - 本地儲存的記事本
vue-demo-maizuo ★210 - 使用Vue2全家桶仿製賣座電影 Pixel-Web ★198 - 一個 Vue 微部落格戶端
netease_yanxuan ★386 - vue版網易嚴選
tmdb-app ★194 - TMDbVueJS應用 vue-express-mongodb ★189 - 簡單的前後端分離案例
vue-zhihudaily ★187 - 知乎日報 Web 版本
Vdo ★179 - VueJS與MD重構豆瓣
vue-blog ★171 - 單使用者部落格
Wuji ★168 - 吾記網頁版
hello-vue-django ★160 - 使用帶有Django的vuejs的樣板專案
Zhihu-Daily-Vue.js ★157 - Vuejs單頁網頁應用
tencent-sports ★154 - Vue全家桶仿騰訊體育
gouyan-movie-vue ★151 - 基於vue的線上電影影訊網站
x-blog ★145 - 開源的個人blog專案
vue-musicApp ★132 - 使用vue全家桶製作的音樂播放器
vue-cnode ★131 - vue單頁應用demo
webpack-vue-vueRouter ★130 - webpack及vue開發的簡單專案例項
vue-koa-demo ★128 - 使用Vue2和Koa1的全棧demo
vueBlog ★127 - 前後端分離部落格
websocket_chat ★127 - 基於vue和websocket的多人線上聊天室
houtai ★125 - 基於vue和Element的後臺管理系統
vue-toutiao ★121 - vuejs高仿今日頭條移動端
vue-cnode ★121 - 開源的CNode社群
vue-mini-shop ★121 - VueJS線上商店
photoShare ★120 - 基於圖片分享的社交平臺
iview2-management-system ★119 - 後臺管理系統解決方案簡單示例
doubanMovie ★119 - 豆瓣電影展示
vue-zhihu-daily ★111 - 基於Vue全家桶開發的知乎日報
Vue-News ★107 - 基於vue全家桶的仿知乎日報單頁應用
douban-movie ★107 - 仿豆瓣電影wap端
generator-loopback-vue ★104 - 典型前後端分離專案模板
vue-quasar-admin-example ★99 - 將Quasar和VueJS應用於SPA專案
vue-zhihudaily-2.0 ★97 - 使用Vue2.0+vue-router+vuex建立的zhihudaily
vue-todos ★95 - vue最新實戰專案教程
vue-music ★91 - 網易雲音樂Demo
vue-qqmusic ★90 - Vue全家桶+Mint-Ui打造高仿QQMusic
vue2.x-Cnode ★88 - 基於vue全家桶的Cnode社群
vue-ruby-china ★86 - VueJS框架搭建的rubychina平臺
doubanMovie-SSR ★85 - Vue豆瓣電影服務端渲染
vue-jd ★76 - 京東移動web商城
vue-nReader ★73 - 使用vue2.0 + vue-router + vuex 的一個多頁面小說閱讀webapp
VueBlog ★73 - 前後端分離的個人部落格
Zhihu_Daily ★73 - 基於Vue和Nodejs的Web單頁應用
vue-koa2-login ★67 - 使用 VueJS & NodeJS 實現的登入註冊
webApp ★64 - Vue2的移動端webApp音樂播放器
vue-trip ★64 - vue2做的出行webapp
seeMusic ★63 - 跨平臺雲音樂播放器
github-explorer ★63 - 尋找最有趣的GitHub庫
vue-cli-multipage-bootstrap ★60 - 將vue官方線上示例整合到元件中
vue-XiaoMi-Shop ★59 - 高仿小米商城的專案
Vue-NetEaseCloudMusic ★59 - 模仿IOS版網易雲音樂的手機網站
life-app-vue ★59 - 使用vue2完成多功能集合到小webapp
doubanApp ★55 - 用vue2實現仿豆瓣app
ios7-vue ★52 - 使用vue2.0 vue-router vuex模擬ios7
canvas-vue ★50 - 一個Vue+Cnavas酷炫後臺管理
vue-bushishiren ★49 - 不是詩人應用
vue-ssr-boilerplate ★48 - 精簡版的ofvue-hackernews-2
vuecommunity ★47 - vue.js中文社群
vue-music163 ★47 - 音樂VueJS專案
Vue2-MV ★45 - 仿網易雲音樂MV的webapp
musiccloudWebapp ★44 - 用vuejs仿網易雲音樂
cnode-vue ★40 - 基於vue和vue-router構建的cnodejs web網站SPA
Framework7-VueJS ★38 - 使用移動框架的示例
m-eleme ★37 - 基於Vue全家桶仿餓了麼移動端webapp
sls-vuex2-demo ★37 - vuex2商城購物車demo
eagles ★36 - 各種元件封裝
Todos_Vuejs ★35 - vuejs2搭建的極簡的todolist
vue-cnode ★35 - 用 Vue 做的 CNode 官網
HyaReader ★35 - 移動友好的閱讀器
Vue-Admin ★33 - 基於Vue2的Admin系統
vue2-hybridapp-haoshiqi ★32 - 實現單頁面webapp以及hybridapp
zhihu-daily ★32 - 輕鬆檢視知乎日報內容
gank ★32 - gankio資源的閱讀應用
vue-h5plus ★31 - 前衛的vue及html5plus跨平臺demo
vue-cnode-mobile ★29 - 搭建cnode社群
vue-weather ★26 - 基於vue.js 2.0的百度天氣應用
vue-user-center ★26 - vuejs直播類應用web端個人中心
zhihu-daily-vue ★22 - 知乎日報
vue-cnode ★22 - 使用cNode社群提供的介面
vue-starter ★22 - VueJs專案的簡單啟動頁
node-vue-fabaocn ★21 - 基於 node 和 vue 實現的移動官網
vue-memo ★20 - 用 vue寫的記事本應用
v-notes ★20 - 簡單美觀的記事本
vue-flexible-app ★19 - vue開發的一個簡易app
simply-calculator-vuejs ★19 - 用VueJS實現簡易計算器
vue-dropload ★19 - 用以測試下拉載入與簡單路由
Vuejs-SalePlatform ★19 - vuejs搭建的售賣平臺demo
vue-shopping-mall ★16 - 基於Vue.js 2.x系列 + vue2-router + axios + iview 商城
qqmusic ★13 - QQ音樂vue
vue-weather ★12 - VueJS天氣demo

相關文章