Vue经典开源项目汇总

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