Vue经典开源项目汇总

lishihuan大约 21 分钟

Vue经典开源项目汇总

https://segmentfault.com/a/1190000018078880open in new window

UI组件

elementopen in new window ★34,784 - 饿了么出品的基于Vue2的web UI工具套件 storybookopen in new window ★33,503 - 响应式UI 开发及测试环境 Vuxopen in new window ★15,061 - 基于Vue和WeUI的组件库 mint-uiopen in new window ★13,381 - Vue 2的移动UI元素 iviewopen in new window ★19,629 - 基于 Vuejs 的开源 UI 组件库 Keen-UIopen in new window ★3,615 - 轻量级的UI组件合集 vue-materialopen in new window ★7,542 - 实现Material效果的UI库 muse-uiopen in new window ★7,077 - 三端样式一致的响应式 UI 库 vuetifyopen in new window ★16,345 - 为移动而生的Vue JS 2组件框架 vonicopen in new window ★3,009 - 快速构建移动端单页应用 emeopen in new window ★1,772 - 优雅的Markdown编辑器 vue-multiselectopen in new window ★3,877 - Vue.js选择框解决方案 vue-tableopen in new window ★1,691 - 简化数据表格 VueCircleMenuopen in new window ★1,075 - 漂亮的vue圆环菜单 vue-chatopen in new window ★1,255 - vuejs和vuex及webpack的聊天示例 radon-uiopen in new window ★885 - 快速开发产品的Vue组件库 vue-waterfallopen in new window ★1,447 - Vue.js的瀑布布局组件 vue-carbonopen in new window ★909 - 基于 vue 开发MD风格的移动端组件库 vue-beautyopen in new window ★1,871 - 由vue和ant design创建的优美UI组件 vue-bluopen in new window ★1,449 - 帮助你轻松创建web应用 vueAdminopen in new window ★4,836 - 基于vuejs2和element的简单的管理员模板 vue-syntax-highlightopen in new window ★1,202 - Sublime Text语法高亮 vue-infinite-scrollopen in new window ★1,886 - VueJS的无限滚动指令 Vue.Draggableopen in new window ★6,459 - 实现拖放和视图模型数组同步 vue-awesome-swiperopen in new window ★5,817 - vue.js触摸滑动组件 vue-calendaropen in new window ★1,081 - 日期选择插件 bootstrap-vueopen in new window ★7,757 - 应用于Vuejs2的Twitter的Bootstrap 4组件 vue-swipeopen in new window ★866 - VueJS触摸滑块 vue-amapopen in new window ★1,869 - 基于Vue 2和高德地图的地图组件 vue-chartjsopen in new window ★2,661 - vue中的Chartjs的封装 vue-datepickeropen in new window ★681 - 日历和日期选择组件 vue-google-mapsopen in new window ★493 - 带有双向数据绑定Google地图组件 vue-progressbaropen in new window ★936 - vue轻量级进度条 vue-picture-inputopen in new window ★717 - 移动友好的图片文件输入组件 vue-infinite-loadingopen in new window ★1,524 - VueJS的无限滚动插件 vue-upload-componentopen in new window ★1,395 - Vuejs文件上传组件 vue-datetime-pickeropen in new window ★316 - 日期时间选择控件 vue-scrolleropen in new window ★1,453 - Vonic UI的功能性组件 vue2-calendaropen in new window ★403 - 支持lunar和日期事件的日期选择器 vue-video-playeropen in new window ★1,734 - VueJS视频及直播播放器 vue-fullcalendaropen in new window ★963 - 基于vue.js的全日历组件 rubikopen in new window ★276 - 基于Vuejs2的开源 UI 组件库 VueStaropen in new window ★637 - 带星星动画的vue点赞按钮 vue-mugen-scrollopen in new window ★457 - 无限滚动组件 mint-loadmoreopen in new window ★316 - VueJS的双向下拉刷新组件 vue-tables-2open in new window ★1,064 - 显示数据的bootstrap样式网格 vue-virtual-scrolleropen in new window ★1,672 - 带任意数目数据的顺畅的滚动 DataVisualizationopen in new window ★985 - 数据可视化 vue-quill-editoropen in new window ★3,533 - 基于Quill适用于Vue2的富文本编辑器 Vueditoropen in new window ★506 - 所见即所得的编辑器 vue-html5-editoropen in new window ★761 - html5所见即所得编辑器 vue-msgboxopen in new window ★231 - vuejs的消息框 vue-slideropen in new window ★646 - vue 滑动组件 vue-core-image-uploadopen in new window ★1,128 - 轻量级的vue上传插件 vue-slideopen in new window ★212 - vue轻量级滑动组件 vue-lazyload-imgopen in new window ★229 - 移动优化的vue图片懒加载插件 vue-drag-and-drop-listopen in new window ★305 - 创建排序列表的Vue指令 vue-progressive-imageopen in new window ★510 - Vue的渐进图像加载插件 vuweopen in new window ★215 - 基于微信WeUI所开发的专用于Vue2的组件库 vue-dropzoneopen in new window ★1,159 - 用于文件上传的Vue组件 vue-chartsopen in new window ★357 - 轻松渲染一个图表 vue-swiperopen in new window ★269 - 易于使用的滑块组件 vue-imagesopen in new window ★195 - 显示一组图片的lightbox组件 vue-carousel-3dopen in new window ★449 - VueJS的3D轮播组件 vue-typeropen in new window ★428 - 模拟用户输入选择和删除文本的Vue组件 vue-impressionopen in new window ★199 - 移动Vuejs2 UI元素 vue-datatableopen in new window ★120 - 使用Vuejs创建的DataTableView vue-instantopen in new window ★313 - 轻松创建自动提示的自定义搜索控件 vue-draggingopen in new window ★455 - 使元素可以拖拽 vue-slider-componentopen in new window ★1,176 - 在vue1和vue2中使用滑块 vue2-loading-baropen in new window ★225 - 最简单的仿Youtube加载条视图 vue-datepickeropen in new window ★107 - 漂亮的Vue日期选择器组件 vue-videoopen in new window ★244 - Vue.js的HTML5视频播放器 vue-image-crop-uploadopen in new window ★1,124 - vue图片剪裁上传组件 vue-tooltipopen in new window ★867 - 带绑定信息提示的提示工具 vue-highchartsopen in new window ★339 - HighCharts组件 vue-touch-rippleopen in new window ★320 - vuejs的触摸ripple组件 vue-datasourceopen in new window ★389 - 创建VueJS动态表格 vue2-timepickeropen in new window ★246 - 下拉时间选择器 vue-date-pickeropen in new window ★86 - VueJS日期选择器组件 vue-scrollbaropen in new window ★104 - 最简单的滚动区域组件 vue-quillopen in new window ★99 - vue组件构建quill编辑器 vue-google-signin-buttonopen in new window ★180 - 导入谷歌登录按钮 vue-svgiconopen in new window ★517 - 创建svg图标组件的工具 vue-baidu-mapopen in new window ★1,090 - 基于 Vue 2的百度地图组件库 vue-social-sharingopen in new window ★571 - 社交分享组件 vue2-editoropen in new window ★1,304 - HTML编辑器 vue-easy-slideropen in new window ★230 - Vue 2.x的滑块组件 datepickeropen in new window ★111 - 基于flatpickr的时间选择组件 vue-chartopen in new window ★47 - 强大的高速的vue图表解析 vue-music-masteropen in new window ★65 - vue手机端网页音乐播放器 handsontableopen in new window ★44 - 网页表格组件 vue-simplemdeopen in new window ★553 - VueJS的Markdown编辑器组件 vue-popup-mixinopen in new window ★70 - 用于管理弹出框的遮盖层 cubeexopen in new window ★85 - 包含一套完整的移动UI vue-fullcalendaropen in new window ★405 - vue FullCalendar封装 vue-morrisopen in new window ★148 - Vuejs组件封装Morrisjs库 we-vueopen in new window ★356 - Vue2及weui1开发的组件 vue-radial-progressopen in new window ★206 - Vue.js放射性进度条组件 vue-slickopen in new window ★349 - 实现流畅轮播框的vue组件 vue-pull-to-refreshopen in new window ★106 - Vue2的上拉下拉 vue-side-navopen in new window ★50 - 响应式的侧边导航 mint-indicatoropen in new window ★71 - VueJS移动加载指示器插件 vue-touch-keyboardopen in new window ★153 - VueJS虚拟键盘组件 vue-chartkickopen in new window ★444 - VueJS一行代码实现优美图表 vue-ztreeopen in new window ★127- 用 vue 写的树层级组件 vue-m-carouselopen in new window ★50 - vue 移动端轮播组件 vue-datepicker-simpleopen in new window ★59 - 基于vue的日期选择器 vue-tabsopen in new window ★123 - 多tab页轻型框架 vue-cityopen in new window ★98- 城市选择器

脚手架

vuexopen in new window ★18,763 - 专为 Vue.js 应用程序开发的状态管理模式 vuelidateopen in new window ★3,336 - 简单轻量级的基于模块的Vue.js验证 qingchengopen in new window ★864 - qingcheng主题 vue-desktopopen in new window ★542 - 创建管理面板网站的UI库 vue-metaopen in new window ★2,215 - 管理app的meta信息 vue-axiosopen in new window ★1,350 - 将axios整合到VueJS的封装 vue-svg-iconopen in new window ★473 - vue2的可变彩色svg图标方案 avoriazopen in new window ★776 - VueJS测试实用工具库 vue-bootstrap-modalopen in new window ★149 - vue的Bootstrap样式组件 vuepopen in new window ★557 - 用实时编辑和预览来渲染Vue组件 vue-onlineopen in new window ★115 - reactive的在线和离线组件 vue-lazy-renderopen in new window ★201 - 用于Vue组件的延迟渲染 vue-password-strength-meteropen in new window ★299 - 交互式密码强度计 element-adminopen in new window ★294 - 支持 vuecli 的 Element UI 的后台模板 vue-electronopen in new window ★186 - 将选择的API封装到Vue对象中的插件 cleaveopen in new window ★95 - 基于cleave.js的Cleave组件 vue-eventsopen in new window ★181 - 简化事件的VueJS插件 vue-shortkeyopen in new window ★440 - 应用于Vue.js的Vue-ShortKey 插件 vue-cordovaopen in new window ★276 - Cordova的VueJS插件 vue-router-transitionopen in new window ★105 - 页面过渡插件 vue-gestureopen in new window ★134 - VueJS的手势事件插件 http-vue-loaderopen in new window ★456 - 从html及js环境加载vue文件 vue-qartopen in new window ★259 - 用于qartjs的Vue2指令 vue-websocketopen in new window ★391 - VueJS的Websocket插件 vue-local-storageopen in new window ★416 - 具有类型支持的Vuejs本地储存插件 vue-busopen in new window ★220 - VueJS的事件总线 vue-reactive-storageopen in new window ★63 - vue插件的Reactive层 vue-notificationsopen in new window ★400 - 非阻塞通知库 vue-lazy-componentopen in new window ★32 - 懒加载组件或者元素的Vue指令 vue-observe-visibilityopen in new window ★442 - 当元素在页面上可见或隐藏时检测 vuex-i18nopen in new window ★557 - 定位插件 Vue.resizeopen in new window ★186 - 检测HTML调整大小事件的vue指令 vuex-shared-mutationsopen in new window ★311 - 分享某种Vuex mutations

开发框架

electron-vueopen in new window ★8,534 - Electron及VueJS快速启动样板 vue-2.0-boilerplateopen in new window ★771 - Vue2单页应用样板​ vue-spa-templateopen in new window ★623 - 前后端分离后的单页应用开发 Framework7-Vueopen in new window ★646 - VueJS与Framework7结合 vue-bulmaopen in new window ★373 - 轻量级高性能MVVM Admin UI框架 vue-webgulpopen in new window ★140 - 仿VueJS Vue loader示例

服务器插件

nuxt.jsopen in new window ★17,821 - 用于服务器渲染Vue app的最小化框架 express-vueopen in new window ★976 - 简单的使用服务器端渲染vue.js vue-ssropen in new window ★151 - 非常简单的VueJS服务器端渲染模板 vue-easy-rendereropen in new window ★56 - Nodejs服务端渲染

辅助工具

DejaVueopen in new window ★764 - Vuejs可视化及压力测试 vue-playopen in new window ★932 - 展示Vue组件的最小化框架 vscode-VueHelperopen in new window ★330 - 目前vscode最好的vue代码提示插件 vue-generate-componentopen in new window ★149 - 轻松生成Vue js组件的CLI工具 vue-multipage-cliopen in new window ★77 - 简单的多页CLI

示例

koelopen in new window ★9,902 - 基于网络的个人音频流媒体服务 vue2-happyfriopen in new window ★6,351 - vue2 + vuex整合项目 pagekitopen in new window ★5,035 - 轻量级的CMS建站系统 vuedoopen in new window ★1,925 - 博客平台 jackblog-vueopen in new window ★1,689 - 个人博客系统 vue-cnodeopen in new window ★1,094 - 重写vue版cnode社区 CMS-of-Blogopen in new window ★670 - 博客内容管理器 rss-readeropen in new window ★883 - 简单的rss阅读器 vue-ghpages-blogopen in new window ★401 - 依赖GitHub Pages无需本地生成的静态博客 vue-blogopen in new window ★768 - 使用Vue2.0 和Vuex的vue-blog Vue-cnodejsopen in new window ★3,035 - 基于vue重写Cnodejs.org的webapp NeteaseCloudWebAppopen in new window ★2,117 - 高仿网易云音乐的webapp vue-zhihu-dailyopen in new window ★1,246 - 知乎日报 with Vuejs vue-wechatopen in new window ★1,436 - vue.js开发微信app界面 vue2-demoopen in new window ★1,650 - 从零构建vue2 + vue-router + vuex 开发环境 elemeopen in new window ★1,532 - 高仿饿了么app商家详情 vue-demoopen in new window ★1,099 - vue简易留言板 bilibili-vueopen in new window ★1,436 - 全栈式开发bilibili首页 spa-starter-kitopen in new window ★916 - 单页应用启动套件 VueDemo_Sell_Elemeopen in new window ★1,235 - Vue2高仿饿了么外卖平台 vue-musicopen in new window ★1,251 - Vue 音乐搜索播放 doubanopen in new window ★1,989 - 基于vue全家桶的精致豆瓣DEMO vue-Meiziopen in new window ★1,193 - vue最新实战项目 maizuoopen in new window ★759 - vue/vuex/redux仿卖座网 vue-WeChatopen in new window ★1,328 - 基于Vue2高仿微信App的单页应用 vue-demo-kugouopen in new window ★896 - vuejs仿写酷狗音乐webapp vue2-manageopen in new window ★5,403 - 基于 vue + element-ui 的后台管理系统 zhihudaily-vueopen in new window ★629 - 知乎日报web版 vue-163-musicopen in new window ★747 - vue仿网易云音乐客户端版 vue-axios-githubopen in new window ★1,954 - 登录拦截登出功能 vue-shoppingopen in new window ★550 - 蘑菇街移动端 vue2.0-taopiaopiaoopen in new window ★912 - vue2.0与express构建淘票票页面 xyy-vueopen in new window ★1,187 - 大学生交流平台

vue2.x-doubanopen in new window ★714 - Vue2实现简易豆瓣电影webApp vue2-MiniQQopen in new window ★625 - 基于Vue2实现的仿手机QQ单页面应用 mi-by-vueopen in new window ★387 - VueJS仿小米官网 daily-zhihuopen in new window ★500 - 基于Vue2的知乎日报单页应用 node-vue-server-webpackopen in new window ★285 - Node.js+Vue.js+webpack快速开发框架 beautyopen in new window ★245 - 豆瓣美女clone vue-adminLte-vue-routeropen in new window ★243 - vue和adminLte整合应用 vue-fis3open in new window ★217 - 流行开源工具集成demo notepadopen in new window ★216 - 本地存储的记事本 vue-demo-maizuoopen in new window ★210 - 使用Vue2全家桶仿制卖座电影 Pixel-Webopen in new window ★198 - 一个 Vue 微博客户端 netease_yanxuanopen in new window ★386 - vue版网易严选 tmdb-appopen in new window ★194 - TMDbVueJS应用 vue-express-mongodbopen in new window ★189 - 简单的前后端分离案例 vue-zhihudailyopen in new window ★187 - 知乎日报 Web 版本 Vdoopen in new window ★179 - VueJS与MD重构豆瓣 vue-blogopen in new window ★171 - 单用户博客 Wujiopen in new window ★168 - 吾记网页版 hello-vue-djangoopen in new window ★160 - 使用带有Django的vuejs的样板项目 Zhihu-Daily-Vue.jsopen in new window ★157 - Vuejs单页网页应用 tencent-sportsopen in new window ★154 - Vue全家桶仿腾讯体育 gouyan-movie-vueopen in new window ★151 - 基于vue的在线电影影讯网站 x-blogopen in new window ★145 - 开源的个人blog项目 vue-musicAppopen in new window ★132 - 使用vue全家桶制作的音乐播放器 vue-cnodeopen in new window ★131 - vue单页应用demo webpack-vue-vueRouteropen in new window ★130 - webpack及vue开发的简单项目实例 vue-koa-demoopen in new window ★128 - 使用Vue2和Koa1的全栈demo vueBlogopen in new window ★127 - 前后端分离博客 websocket_chatopen in new window ★127 - 基于vue和websocket的多人在线聊天室 houtaiopen in new window ★125 - 基于vue和Element的后台管理系统 vue-toutiaoopen in new window ★121 - vuejs高仿今日头条移动端 vue-cnodeopen in new window ★121 - 开源的CNode社区 vue-mini-shopopen in new window ★121 - VueJS在线商店 photoShareopen in new window ★120 - 基于图片分享的社交平台 iview2-management-systemopen in new window ★119 - 后台管理系统解决方案简单示例 doubanMovieopen in new window ★119 - 豆瓣电影展示 vue-zhihu-dailyopen in new window ★111 - 基于Vue全家桶开发的知乎日报 Vue-Newsopen in new window ★107 - 基于vue全家桶的仿知乎日报单页应用 douban-movieopen in new window ★107 - 仿豆瓣电影wap端 generator-loopback-vueopen in new window ★104 - 典型前后端分离项目模板 vue-quasar-admin-exampleopen in new window ★99 - 将Quasar和VueJS应用于SPA项目 vue-zhihudaily-2.0open in new window ★97 - 使用Vue2.0+vue-router+vuex创建的zhihudaily vue-todosopen in new window ★95 - vue最新实战项目教程 vue-musicopen in new window ★91 - 网易云音乐Demo vue-qqmusicopen in new window ★90 - Vue全家桶+Mint-Ui打造高仿QQMusic vue2.x-Cnodeopen in new window ★88 - 基于vue全家桶的Cnode社区 vue-ruby-chinaopen in new window ★86 - VueJS框架搭建的rubychina平台 doubanMovie-SSRopen in new window ★85 - Vue豆瓣电影服务端渲染 vue-jdopen in new window ★76 - 京东移动web商城 vue-nReaderopen in new window ★73 - 使用vue2.0 + vue-router + vuex 的一个多页面小说阅读webapp VueBlogopen in new window ★73 - 前后端分离的个人博客 Zhihu_Dailyopen in new window ★73 - 基于Vue和Nodejs的Web单页应用 vue-koa2-loginopen in new window ★67 - 使用 VueJS & NodeJS 实现的登录注册 webAppopen in new window ★64 - Vue2的移动端webApp音乐播放器 vue-tripopen in new window ★64 - vue2做的出行webapp seeMusicopen in new window ★63 - 跨平台云音乐播放器 github-exploreropen in new window ★63 - 寻找最有趣的GitHub库 vue-cli-multipage-bootstrapopen in new window ★60 - 将vue官方在线示例整合到组件中 vue-XiaoMi-Shopopen in new window ★59 - 高仿小米商城的项目 Vue-NetEaseCloudMusicopen in new window ★59 - 模仿IOS版网易云音乐的手机网站 life-app-vueopen in new window ★59 - 使用vue2完成多功能集合到小webapp doubanAppopen in new window ★55 - 用vue2实现仿豆瓣app ios7-vueopen in new window ★52 - 使用vue2.0 vue-router vuex模拟ios7 canvas-vueopen in new window ★50 - 一个Vue+Cnavas酷炫后台管理 vue-bushishirenopen in new window ★49 - 不是诗人应用 vue-ssr-boilerplateopen in new window ★48 - 精简版的ofvue-hackernews-2 vuecommunityopen in new window ★47 - vue.js中文社区 vue-music163open in new window ★47 - 音乐VueJS项目 Vue2-MVopen in new window ★45 - 仿网易云音乐MV的webapp musiccloudWebappopen in new window ★44 - 用vuejs仿网易云音乐 cnode-vueopen in new window ★40 - 基于vue和vue-router构建的cnodejs web网站SPA Framework7-VueJSopen in new window ★38 - 使用移动框架的示例 m-elemeopen in new window ★37 - 基于Vue全家桶仿饿了么移动端webapp sls-vuex2-demoopen in new window ★37 - vuex2商城购物车demo eaglesopen in new window ★36 - 各种组件封装 Todos_Vuejsopen in new window ★35 - vuejs2搭建的极简的todolist vue-cnodeopen in new window ★35 - 用 Vue 做的 CNode 官网 HyaReaderopen in new window ★35 - 移动友好的阅读器 Vue-Adminopen in new window ★33 - 基于Vue2的Admin系统 vue2-hybridapp-haoshiqiopen in new window ★32 - 实现单页面webapp以及hybridapp zhihu-dailyopen in new window ★32 - 轻松查看知乎日报内容 gankopen in new window ★32 - gankio资源的阅读应用 vue-h5plusopen in new window ★31 - 前卫的vue及html5plus跨平台demo vue-cnode-mobileopen in new window ★29 - 搭建cnode社区 vue-weatheropen in new window ★26 - 基于vue.js 2.0的百度天气应用 vue-user-centeropen in new window ★26 - vuejs直播类应用web端个人中心 zhihu-daily-vueopen in new window ★22 - 知乎日报 vue-cnodeopen in new window ★22 - 使用cNode社区提供的接口 vue-starteropen in new window ★22 - VueJs项目的简单启动页 node-vue-fabaocnopen in new window ★21 - 基于 node 和 vue 实现的移动官网 vue-memoopen in new window ★20 - 用 vue写的记事本应用 v-notesopen in new window ★20 - 简单美观的记事本 vue-flexible-appopen in new window ★19 - vue开发的一个简易app simply-calculator-vuejsopen in new window ★19 - 用VueJS实现简易计算器 vue-droploadopen in new window ★19 - 用以测试下拉加载与简单路由 Vuejs-SalePlatformopen in new window ★19 - vuejs搭建的售卖平台demo vue-shopping-mallopen in new window ★16 - 基于Vue.js 2.x系列 + vue2-router + axios + iview 商城 qqmusicopen in new window ★13 - QQ音乐vue vue-weatheropen in new window ★12 - VueJS天气demo