Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/itrojan/awesome-vue

Vue相关开源项目库汇总
https://github.com/itrojan/awesome-vue

List: awesome-vue

Last synced: about 1 month ago
JSON representation

Vue相关开源项目库汇总

Awesome Lists containing this project

README

        

## 前言
本文的前身是源自github上的项目[awesome-github-vue](https://github.com/opendigg/awesome-github-vue),但由于该项目上次更新时间为2017年6月12日,很多内容早已过期或是很多近期优秀组件未被收录,所以小肆今天(2019/01/19)重新更新了内容并新建项目[awesome-vue](https://github.com/Feleti/awesome-vue)。

#### 针对原项目小肆做了如下几点更新
- 更新全部项目github上的star数
- 根据最新star数进行排序
- 去掉所有star数不足1000的项目
- 去掉所有一年内未更新的项目
- 增加部分新项目

#### 日后维护计划
- 每半月更新一次
- 做更明确详细的分类
- 添加优秀学习资源

**欢迎到[Issues](https://github.com/Feleti/awesome-vue/issues)提交项目给小肆,我会第一时间处理。**
提交的项目格式如下:
>项目名称:XXXXX
子标题: XXXXX
相关介绍: XXXXXX

**如果收录的项目有错误,可以通过[Issues](https://github.com/Feleti/awesome-vue/issues)反馈给小肆。**
**star数未满1000的项目,也可以提交,小肆会保持关注,如果能解决用户痛点且没有更优秀的项目替代,小肆会提前更新至文档**

#### 欢迎关注小肆公众号:技术放肆聊
![技术放肆聊](https://media.feleti.cn/1547391225.png)

# 目录

- [UI组件](#UI组件)
- [开发框架](#开发框架)
- [实用库](#实用库)
- [服务端](#服务端)
- [应用实例](#应用实例)
- [Demo示例](#Demo示例)

## UI组件

- [element](https://github.com/ElemeFE/element) ★34436 - 饿了么出品的Vue2的web UI工具套件
- [iview](https://github.com/iview/iview) ★19488 - 基于 Vuejs 的开源 UI 组件库
- [vuetify](https://github.com/vuetifyjs/vuetify) ★16076 - 为移动而生的Vue JS 2组件框架
- [Vux](https://github.com/airyland/vux) ★14975 - 基于Vue和WeUI的组件库
- [mint-ui](https://github.com/ElemeFE/mint-ui) ★13302 - Vue 2的移动UI元素
- [bootstrap-vue](https://github.com/pi0/bootstrap-vue) ★7646 - 应用于Vuejs2的Twitter的Bootstrap 4组件
- [vue-material](https://github.com/marcosmoura/vue-material) ★7510 - 通过Vue Material和Vue 2建立精美的app应用
- [vant](https://github.com/youzan/vant) ★7246 - 有赞出品的Vue2.0移动UI
- [muse-ui](https://github.com/museui/muse-ui) ★7047 - 三端样式一致的响应式 UI 库
- [Vue.Draggable](https://github.com/David-Desmaisons/Vue.Draggable) ★6329 - 实现拖放和视图模型数组同步
- [vue-awesome-swiper](https://github.com/surmon-china/vue-awesome-swiper) ★5717 - vue.js触摸滑动组件
- [vueAdmin](https://github.com/taylorchen709/vueAdmin) ★4792 - 基于vuejs2和element的简单的管理员模板
- [buefy](https://github.com/rafaelpimpa/buefy) ★4442 - 响应式UI组件轻量级库
- [vue-multiselect](https://github.com/monterail/vue-multiselect) ★3849 - Vue.js选择框解决方案
- [Keen-UI](https://github.com/JosephusPaye/Keen-UI) ★3604 - 轻量级的基本UI组件合集
- [vue-quill-editor](https://github.com/surmon-china/vue-quill-editor) ★3493 - 基于Quill适用于Vue2的富文本编辑器
- [eagle.js](https://github.com/Zulko/eagle.js) ★3320 - hacker的幻灯片演示框架
- [vonic](https://github.com/wangdahoo/vonic) ★2997 - 快速构建移动端单页应用
- [vue-echarts](https://github.com/Justineo/vue-echarts) ★2751 - VueJS的ECharts组件
- [vuesax](https://github.com/lusaxweb/vuesax) ★2674 - 灵动的小组件库
- [vue-chartjs](https://github.com/apertureless/vue-chartjs) ★2631 - vue中的Chartjs的封装
- [vue-ydui](https://github.com/ydcss/vue-ydui) ★2282 - 基于Vue2的移动端和微信UI
- [vue-js-modal](https://github.com/euvl/vue-js-modal) ★2075 - 移动友好的Vuejs2的modal
- [mavonEditor](https://github.com/hinesboy/mavonEditor) ★2066 - 基于Vue的markdown编辑器
- [vue-infinite-scroll](https://github.com/ElemeFE/vue-infinite-scroll) ★1882 - VueJS的无限滚动指令
- [vue-beauty](https://github.com/FE-Driver/vue-beauty) ★1868 - 由vue和ant design创建的优美UI组件
- [vue-amap](https://github.com/ElemeFE/vue-amap) ★1860 - 基于Vue 2和高德地图的地图组件
- [eme](https://github.com/egoist/eme) ★1769 - 优雅的Markdown编辑器
- [vue-video-player](https://github.com/surmon-china/vue-video-player) ★1706 - VueJS视频及直播播放器
- [vue-table](https://github.com/ratiw/vue-table) ★1690 - 简化数据表格
- [vuejs-datepicker](https://github.com/charliekassel/vuejs-datepicker) ★1643 - vue日期选择器组件
- [vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller) ★1643 - 带任意数目数据的顺畅的滚动
- [vue-infinite-loading](https://github.com/PeachScript/vue-infinite-loading) ★1508 - VueJS的无限滚动插件
- [vue-blu](https://github.com/chenz24/vue-blu) ★1444 - 帮助你轻松创建web应用
- [vue-scroller](https://github.com/wangdahoo/vue-scroller) ★1442 - Vonic UI的功能性组件
- [vue-waterfall](https://github.com/MopTym/vue-waterfall) ★1431 - Vue.js的瀑布布局组件
- [vue-upload-component](https://github.com/lian-yue/vue-upload-component) ★1372 - Vuejs文件上传组件
- [vue-recyclerview](https://github.com/hilongjw/vue-recyclerview) ★1286 - 管理大列表的vue-recyclerview
- [vue2-editor](https://github.com/davidroyer/vue2-editor) ★1282 - HTML编辑器
- [vue-chat](https://github.com/Coffcer/vue-chat) ★1249 - vuejs和vuex及webpack的聊天示例
- [vue-cropper](https://github.com/xyxiao001/vue-cropper) ★1192 - 一个简单的vue 的图片裁剪插件
- [vue-slider-component](https://github.com/NightCatSama/vue-slider-component) ★1149 - 在vue1和vue2中使用滑块
- [vue-dropzone](https://github.com/rowanwins/vue-dropzone) ★1139 - 用于文件上传的Vue组件
- [vue-core-image-upload](https://github.com/Vanthink-UED/vue-core-image-upload) ★1124 - 轻量级的vue上传插件
- [vue-syntax-highlight](https://github.com/vuejs/vue-syntax-highlight) ★1198 - Sublime Text语法高亮
- [vue-image-crop-upload](https://github.com/dai-siki/vue-image-crop-upload) ★1108 - vue图片剪裁上传组件
- [vue-baidu-map](https://github.com/Dafrok/vue-baidu-map) ★1078 - 基于 Vue 2的百度地图组件库
- [VueCircleMenu](https://github.com/OYsun/VueCircleMenu) ★1072 - 漂亮的vue圆环菜单
- [vue-calendar](https://github.com/jinzhe/vue-calendar) ★1070 - 日期选择插件
- [vue-tables-2](https://github.com/matfish2/vue-tables-2) ★1048 - 显示数据的bootstrap样式网格

## 开发框架

- [vue.js](https://github.com/vuejs/vue) ★125518 - 流行的轻量高效的前端组件化方案
- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) ★26166 - vue2管理系统模板
- [vue-admin](https://github.com/fundon/vue-admin) ★9089 - Vue管理面板框架
- [electron-vue](https://github.com/SimulatedGREG/electron-vue) ★8393 - Electron及VueJS快速启动样板
- [quasar](https://github.com/quasarframework/quasar) ★8299 - 响应式网站和混合移动应用程序

## 实用库

- [vuex](https://github.com/vuejs/vuex) ★18608 - 专为 Vue.js 应用程序开发的状态管理模式
- [vue-lazyload](https://github.com/hilongjw/vue-lazyload) ★4423 - 用于懒加载的Vue模块
- [vue-i18n](https://github.com/kazupon/vue-i18n) ★3807 - VueJS的多语言切换插件
- [vue-loader](https://github.com/vuejs/vue-loader) ★3677 - Vue.js 针对Webpack的组件装载插件
- [vuelidate](https://github.com/monterail/vuelidate) ★3287 - 简单轻量级的基于模块的Vue.js验证
- [vue-meta](https://github.com/declandewet/vue-meta) ★2165 - 管理app的meta信息
- [Vue-Socketio](https://github.com/MetinSeylan/Vue-Socket.io) ★1786 - VueJS的socketio实现
- [vue-awesome](https://github.com/Justineo/vue-awesome) ★1775 - VueJS字体Awesome组件
- [vue-property-decorator](https://github.com/kaorun343/vue-property-decorator) ★1589 - VueJS和属性Decorator
- [vue-axios](https://github.com/imcvampire/vue-axios) ★1347 - 将axios整合到VueJS的封装
- [portal-vue](https://github.com/LinusBorg/portal-vue) ★1354 - 在组件外部渲染DOM

## 服务端
- [nuxt.js](https://github.com/nuxt/nuxt.js) ★17569 - 用于服务器渲染Vue app的最小化框架

## 应用实例

- [koel](https://github.com/phanan/koel) ★9868 - 基于网络的个人音频流媒体服务
- [vue-manage-system](https://github.com/lin-xin/vue-manage-system) ★6243 - 后台管理系统解决方案
- [pagekit](https://github.com/pagekit/pagekit) ★5021 - 轻量级的CMS建站系统
- [PJ Blog](https://github.com/jcc/blog) ★2194 - 开源博客
- [goldfish](https://github.com/Caiyeon/goldfish) ★2005 - 用于HashiCorp Vault的Admin UI

## Demo示例

- [vue2-elm](https://github.com/bailicangdu/vue2-elm) ★24765 - 重写饿了么webapp
- [vue2-manage](https://github.com/bailicangdu/vue2-manage) ★5320 - 基于 vue + element-ui 的后台管理系统
- [Vue-cnodejs](https://github.com/shinygang/Vue-cnodejs) ★3037 - 基于vue重写Cnodejs.org的webapp
- [NeteaseCloudWebApp](https://github.com/javaSwing/NeteaseCloudWebApp) ★2112 - 高仿网易云音乐的webapp
- [vue2-happyfri](https://github.com/bailicangdu/vue2-happyfri) ★6304 - vue2及vuex的入门练习项目
- [douban](https://github.com/jeneser/douban) ★1987 - 基于vue全家桶的精致豆瓣DEMO
- [eleme](https://github.com/liangxiaojuan/eleme) ★1526 - 高仿饿了么app商家详情
- [vue-wechat](https://github.com/useryangtao/vue-wechat) ★1435 - vue.js开发微信app界面
- [bilibili-vue](https://github.com/lybenson/bilibili-vue) ★1425 - 全栈式开发bilibili首页
- [vue-WeChat](https://github.com/zhaohaodang/vue-WeChat) ★1292 - 基于Vue2高仿微信App的单页应用
- [vue-music](https://github.com/Sioxas/vue-music) ★1246 - Vue 音乐搜索播放
- [vue-Meizi](https://github.com/liangxiaojuan/vue-Meizi) ★1185 - vue最新实战项目
- [xyy-vue](https://github.com/hzzly/xyy-vue) ★1180 - 大学生交流平台
- [VueDemo_Sell_Eleme](https://github.com/SimonZhangITer/VueDemo_Sell_Eleme) ★1231 - Vue2高仿饿了么外卖平台
- [vue-demo](https://github.com/kenberkeley/vue-demo) ★1096 - vue简易留言板