Vue 生态圈

🌙
手机阅读
本文目录结构

生态圈

Vue.js 是一款极简的 mvvm 框架,它能够集众多优秀逐流的前端框架之大成,但同时保持简单易用。为什么这么说,因为 Vue.js 通过简洁的 API 提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中,Vue.js 却一直受到一定程度的关注,而其本身也在高速发展中,不论是生态、社区、资源、插件等等都在日趋壮大。它的性能也变得越来越稳定,很多初创公司和中小型企业终于意识到了 Vue 的强大威力和巨大价值,同时,Vue 也开始走向大型企业。

注:该篇文章目前还没有整理好

应用

框架

React_Package_Name描述StarFork
vue一个用以创建用户接口的直观、快速、简洁的 MVVM 框架15200522634
vue2-elm基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用3065810202
vuexVuex 是一个专门为 Vue.js 应用所设计的集中式状态管理架构。它借鉴了 Flux 和 Redux 的设计思想,但简化了概念,并且采用了一种为能更好发挥 Vue.js 数据响应机制而专门设计的实现220927305
mpvue基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系189501949
quasar基于 VueJs 2 用相同的代码构建响应式网站和混合移动端 APP125931292
Vue-Access-Control一套基于 Vue/Vue-Router/axios 实现的前端用户权限控制解决方案962202
vue-lazy-image-loading一款延迟加载图片的 Vue 插件33110
vue-ins-progress-bar一款 ins 风格的 vue 进度条组件26722
vue-spinner-component一个圆形加载效果 Vue 组件10

模块加载

React_Package_Name描述StarFork
vue-loaderVue.js 组件的 Webpack loader4006722

实用工具

React_Package_Name描述StarFork
vue-routerVue.js 的官方路由150304057
best-resume-ever基于 Vue 和 LESS 创建快速、简洁的包含多个模板的简历127081702
vue-resourceVue.js 的 HTTP 客户端96061643
vue-grid-layout一个可拖拽和缩放的 Vue.js 表格布局3048558
vuera无缝集成 React 和 Vue,实现在 React 中使用 Vue 组件,Vue 中使用 React 组件2584119
v-calendar一个轻量级零依赖的 Vue.js 日期选择组件1573162
vue-good-table一个简洁的 Vue.js 数据表格组件,具有排序、过滤、分页等功能1159237
vue2-datatable最好用的 Vue.js 2.x 数据表格组件781203
v-distpicker一个灵活的,高可用的 vue 省市区选择插件788188
vuetron一个可以帮助你的 Vue.js 項目测试及侦错的工具,也同時支持 Vuex 及 Vue-Router48618

开发助手

React_Package_Name描述StarFork
vue-cliVue.js 简单的脚手架命令行工具233364164

界面 / 组件

框架

React_Package_Name描述StarFork
element饿了么前端推出的基于 Vue.js 2.0 的后台组件库,它能够帮助你更轻松更快速地开发 web 项目421609259
iview一套基于 Vue.js 的高质量 UI 组件库227354118
vuetify一个为 Vue JS 2.0 打造的 Material 风格的组件库224423098
vue-material为 Vue.js 打造的 Material 风格的组件83501026
cube-ui滴滴团队开发的一套基于 Vue.js 实现的精致移动端组件库73251251
buefy基于 Bulma 的 Vue.js 轻量级 UI 组件库6572684
vue-strap基于 Vue.js 的 Bootstrap 组件48401011
vue-storefrontVue.js Storefront - 将 PWA 集成到电子商务的框架,支持离线访问57321198
vue-beauty基于 ant design 的漂亮的 vue 组件库2009247
at-ui一款基于 Vue.js 2.0 的前端 UI 组件库,主要用于快速开发 PC 网站产品2081207
vue-blu基于 Vue.js(2.x) 和 Bulma 的 UI 组件库1540225
heyui一套基于 Vue2.0 的开源 UI 组件库,主要服务于一些中后台产品1883193
uiVue 官方应用的 UI 组件库105365
radon-ui一个帮助你快速开发产品的 Vue 组件库,简洁好用,效率高,让你摆脱各种定制化的烦恼894130
atui阿里推出的一个基于 Vue.js 2.0 的 UI 组件库67868

实用工具

React_Package_Name描述StarFork
Vueg—-page-transition-plugin为 webApp 提供转场特效的开源 Vue 插件920135
vue-dragging一个列表排序的 vue 指令560116
vddl利用 HTML5 的拖拽 API 实现修改列表的 Vue 组件38566
vue-windows用于创建自定义浏览器窗口效果的 Vue 组件11812

字体图标

React_Package_Name描述StarFork
vue-svg-icon一个 vue2.0 的可变彩色 svg 图标方案52379
vue-feather-icons简单漂亮的开源 Vue SVG 图标库26711

动画

React_Package_Name描述StarFork
vue-lottie基于 Bodymovin 的 Vue 动画效果库772150
vue-touch-rippleVue 点击元素泛起的涟漪效果36644

通知提示

React_Package_Name描述StarFork
sweet-modal-vue支持 Vue.js 的漂亮模态框组件59576
vue-msgbox一个类似 Sweet Alert 的 Vue 弹框提示组件23582

菜单导航

React_Package_Name描述StarFork
vue-jstreeVue2.0+ 的树形结构插件348114
v-contextmenu基于 Vue 2.0 的右键弹出( 上下文)菜单组件36963
vue-bloom-menu基于 Vue 的弧形菜单弹出组件19956
vuejs-tree高度可配置的急速的 Vue 树形视图15924

页面布局

React_Package_Name描述StarFork
statusfy一款优秀的状态管理页面135584
vue-content-placeholders在网页内容加载完成之前渲染占位布局的 Vue 组件109865
vue-drawer-layout一个简单的基于 Vue.js 的 DrawerLayout(类似 Android 的 DrawerLayout)布局组件32170

加载进度

React_Package_Name描述StarFork
vue-lazyload用于图片延迟加载的 Vue 模块5615702
epic-spinners一系列使用方便的 CSS 加载效果集合组件3073269
vue-content-loader创建内容加载占位符的 SVG Vue 组件194194
vue-spinner一个 vue 的 loading 加载效果组件1539143
vue-wait复杂的 Vue/Vuex 应用加载管理器152178

滚动视差

React_Package_Name描述StarFork
vue-virtual-scroller实现任意数量的数据平滑滚动的 Vue 组件3247260
vue-fullpage.jsfullPage.js 作者开发的针对 Vue.js 的官方 fullPage.js 包装库1178162
vue-seamless-scrollVue.js 无缝滚动组件661159
vue-scrollactive一个轻量级、易用的,滚动页面高亮菜单的 Vue 组件30444

控制面板

React_Package_Name描述StarFork
vue-element-admin又一个 vue2.0 控制面板 UI 框架4471815133
iview-admin基于 iView 的 Vue 2.0 控制面板136774169
vue-admin一个 Vue 后台控制面板94241695
vuestic-admin一套漂亮的 Vue.js 控制面板6629985
vue-admin基于 Vue.js 2 和 Element 的控制面板60182641
d2-admin基于 vue.js 和 ElementUI 的管理系统前端解决方案71731330
coreui-free-vue-admin-template基于 Bootstrap 4 的 Vue 控制面板框架2024536
sls-admin-vue一个基于 vue2 实现的功能强大的自动化后台框架基础模板943293
Vue-Admin基于 Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts 的后台管理系统980330
avue一个类似 EasyUI 的 Vue 后台管理面板方案997220
dashboard一个基于 vue.js 的控制面板脚手架39899

表单

富文本编辑器

React_Package_Name描述StarFork
vue-quill-editor为 Vue2 封装的 Quill 富文本编辑器组件4770770
vue2-editor基于 Quill 的 Vue.js 2.0 富文本编辑器组件1700228
smeditor✎ 基于 Vue.js 2.0+ 石墨文档样式的富文本编辑器26638
vue-mdEditor基于 VUE 的 markdown 文本编辑器41995

文件上传

React_Package_Name描述StarFork
vue-core-image-upload一个用于图片剪切和上传的 vue 插件1237218
v-uploader支持拖拽上传和多文件上传的 Vue2 上传组件18133

日期时间

React_Package_Name描述StarFork
vue-datepicker为 Vue.js 打造的 material design 风格的日期和日历选择组件699212
vue-datetime移动端友好的 Vue 日期选择器组件651140
vue-hotel-datepickerVue 日期区间选择器组件560160
vue2-calendar为 vue 2.0 定制的日历组件,功能强大,支持多种形式的日期选择45679
vue-ctk-date-time-picker一个 Vue 日期和时间选择器组件39498
v2-datepicker一个简单的基于 Vue 2.x 的日期选择器组件9120
vue-draggableCal零依赖、可拖动的响应式 Vue 日期选择器6017

表单验证

React_Package_Name描述StarFork
vee-validate简单的 Vue.js 表单验证插件6702825
vue-validatorVue.js 的表单验证组件2230453

表单美化

React_Package_Name描述StarFork
vue-multiselect一款为 Vue.js 打造的下拉组件,支持单选和多选和标签,支持 Ajax,支持服务端渲染4790684
VueStar基于 Vue.js 的喜欢按钮,带有可爱的动画效果734100
vue-js-toggle-button简单漂亮可定制的 Vue.js 2 toggle / switch button 组件656105
vue-img-inputer基于 Vue2 的图片输入框,用于图片预览、拖拽、回填,主题可选,高度可定制499131
vue-tagsinput一个简单的 Vue.js 2 标签自动输入组件22463
vue-highlightable-input高亮输入文本段的 Vue 组件13616
effect-dropdown-vue一个简单非常好看的 Vue.js 下拉效果组件678
effect-input优雅而绚丽的适用于 Vue 2.0 的 input 组件。极大提高交互效果和输入愉悦性。656

实用工具

React_Package_Name描述StarFork
vue-rateVue 评分组件17221

自动完成

React_Package_Name描述StarFork
vue-atAt.js for Vue.37369

图像

轮播

React_Package_Name描述StarFork
vue-awesome-swiper针对 Vue.js(1.x ~ 2.x) 的 Swiper 组件83171562
vue-easy-slider一个 Vue.js 的轮播组件27052
vue-slide一个针对 vue 的轻量级轮播组件21050
hooper? 一个可配置的 Vue 轮播组件34054

灯箱

React_Package_Name描述StarFork
vue-picture-preview移动端 Vue.js 图片预览插件17255

图表可视化

React_Package_Name描述StarFork
v-charts基于 Vue2.0 和 ECharts 封装的图表组件5122773
vue-amapvue-amap - 基于 Vue2.0 和高德地图的地图组件2350439
vue-baidu-mapVue 2.x 的百度地图组件1548275
vue-chartsChartJs 的 Vue2.0 包装组件36386
vue-d3-network基于 D3 的 Vue 网格图表库29673
vue-echartsECharts 的 Vue.js 组件官网Github
vue-trend采用Vue.js实现的简单,优雅spark图表官网Github
vue-echarts-v3ECharts.js的Vue.js组件包装官网Github

多媒体

音频

React_Package_Name描述StarFork
vue-aplayer配置简便的 Vue 2.x 音乐播放器组件813146
vue-audio-recorder一个简单的 Vue.js 录音器组件24750

视频

React_Package_Name描述StarFork
vue-video一个针对 Vue.js 的 HTML5 视频播放器组件27586
vue-videobgVue.js 背景视频组件21324

移动端

框架

React_Package_Name描述StarFork
weex阿里推出的跨平台的移动端开发框架,具有轻量级、可扩展和高性能的特点175652160
vux基于 Vue 和 Weui 的移动端框架165013761
mint-ui基于 vue.js 的移动端 UI 框架151493353
vant有赞开发的基于 Vue.js 2.0 的 UI 组件库114523848
muse-ui基于 Vue 2.0 和 Material Desigin 的 UI 组件库7790895
vonic基于 Vue.js 和 ionic 组件的 SPA UI 框架3292479
vue-ydui一个基于 Vue2.x 的移动端组件库2684558
mand-mobile? 面向金融场景的 Vue 移动端 UI 组件库,丰富、灵活、实用,快速搭建优质的金融类产品2277415
vum为手机 webapp 打造的基于 Vue.js 构建的 UI 框架1567295
vue-carbon基于 vue 开发的 material design ui 库898143

工具组件

React_Package_Name描述StarFork
vue-touchVue.js 的 Hammer.js 包装器2470355

Node.js

框架

React_Package_Name描述StarFork
nuxt.js一个为 Vue.js 应用实现服务端渲染的简约框架234302039

内容管理系统

React_Package_Name描述StarFork
gridsome使用 Vue.js 和 GraphQL 构建超快的网站4794256
Tamiat基于Vuejs和Firebase的CMS-Github
DoraCMS基于 vue + Node.js 的内容管理系统官网
vms一个Vue.js开发内容管理系统官网Github
lin-cms-vue一个用Vue实现的简单实用的CMS官网Github
vue-blog使用vue2、koa2、mongodb搭建的单用户博客官网Github
vue-storefront为电子商务打造的 PWA官网Github
VuePress一款Vue 驱动的静态网站生成器官网Github
FEBS-Vue前后端分离权限管理系统官网Github

文档生成

React_Package_Name描述StarFork
vuepressVue 官方推出的静态文档站点生成器146542329
docsify一个基于 Vue 的神奇的文档站点生成器116072510
kokk从 Markdown 文件中生成漂亮的文档,支持插入 Vue 组件492

其它未归类

React_Package_Name描述StarFork
Vapper一个基于 Vue 的 SSR 框架官网Github
bootstrap-vueVue.js 2的Twitter Bootstrap 4组件官网Github
Megalo基于 Vue的小程序开发框架-Github
moon一个从Vue获得灵感的 UI 框架官网Github
vuesion一个灵活,可扩展的PWA官网Github
vue-rxVue.js的RxJS集成-Github
vue-baidu-mapVue 2.x 的百度地图组件官网Github
vue-croppa基于vue直观可定制的轻量级移动友好的图像裁剪器官网Github
vue-tinder类似探探、陌陌左右滑动的vue组件官网Github
Vue.Draggable基于 Sortable.js 进行同步的拖放排序Vue插件官网Github
tiptapVue.js的富文本编辑器官网Github
vue-particles拥有粒子背景的vue组件官网Github
vue-notification基于Vue.js、用于显示通知库官网Github
vue-tapvue的tap手势插件-Github
Vuescroll.js一个自定义滚动条的插件适用于PC和移动端官网Github
vue-js-popover用于下拉/弹出/工具提示的Vue插件官网Github
vue-lazyloadvue中使用图片懒加载插件官网Github
vue-filepond一个便利FilePond适配器Vue组件官网Github
vue-uploader由simple-uploader.js提供支持的Vue.js上传组件-Github
vue-tour一款轻量级,简单且可定制的用户引导Vue.js插件官网Github
vue-good-table简洁的 Vue.js 数据表格组件官网Github
vue-grid-layout可拖拽和缩放的 Vue.js 瀑布流布局组件官网Github
vue-content-loader创建内容加载占位符的 SVG Vue 组件官网Github
vue-cute-timeline一个漂亮的Vue.js时间轴组件官网Github
vue2-animatevue的一些常用动画animate css来实现官网Github
vue-upload-componentVue.js 文件上传组件-Github
vue-virtual-scroller带任意数目数据的顺畅的滚动官网Github
vue-awesome-swiper基于swiper、Vue.js 的 Swiper 组件官网Github
Vue2Editor基于 Quill 的 Vue.js 2.0 富文本编辑器组件官网Github
vue-core-image-upload图片剪切和上传的 vue 插件官网Github
v-distpicker一个灵活的,高可用的 vue 省市区选择插件官网Github
vue-i18nVue.js的国际化插件官网Github
eagle.js基于 Vue.js 构建的幻灯片框架官网Github
vee-validate一个轻量级的 vue表单验证插件官网Github
proppy.jsUI组件的功能道具组合(React.js和Vue.js)官网Github

调试 / 测试

React_Package_Name描述StarFork
DejaVueVue.js的可视化Chrome开发工具官网Github
avoriaz一个Vue.js测试工具类库官网Github
vuetron一个 vue.js 的项目调试工具官网Github
vue-devtools一款基于 chrome 和 firefox 浏览器的 vue 调试插件-Github

移动端 UI 框架

React_Package_Name描述StarFork
uni-app使用 Vue.js开发跨平台应用的前端框架官网Github
mavonEditor基于vue的markdown编辑器官网Github
vant轻量、可靠的移动端 Vue 组件库官网Github
Atom-Design一套易用、可定制的vue组件库官网Github
vue2-elmvue2 + vuex 构建一个具有 45 个页面的大型单页面应用官网Github
vux基于WeUI和Vue开发的移动端UI组件库,主要服务于微信页面官网Github
mint-ui基于 Vue.js 的移动端组件库官网Github
cube-ui基于 Vue.js 实现的移动端组件库官网Github
mand-mobile面向金融场景的Vue移动端UI组件库官网Github
Mand Mobile面向金融场景的Vue移动端UI组件库官网Github
uni-simple-router一个更为简洁的Vue-router,专为 uni-app 量身打造官网Github
vueg为Vue应用添加页面间的转场特效官网Github
vue-ydui一只基于Vue2.x的移动端&微信UI官网Github
vum手机 webapp 打造的基于 Vue.js 构建的UI框架官网Github

Web UI 框架

React_Package_Name描述StarFork
Element UI一套基于 Vue 2.0 的桌面端组件库官网Github
Muse-UI基于 Vue2.0 的 Material Design UI 库官网Github
Vue-Access-ControlVue权限管理解决方案官网Github
vue-multiselectVue.js 打造的下拉组件官网Github
vue-design-system一个用于基于 Vue.js 构建 UI 设计系统的开源工具官网Github
vue-blu基于Vuejs和Bulma开发的开源UI组件库官网Github
vue-strap基于 Vue.js 的 Bootstrap 组件官网Github
buefyBulma 和 Vue.js 的轻量级UI组件官网Github
vue-beauty基于 vue.js 和 ant-design样式 的PC端 UI库官网Github
VuesaxVuejs 管理仪表板模板官网Github
ant-design-pro-vue基于 Ant Design of Vue 实现的 Ant Design Pro官网Github
Adminify基于Vuetify material的后台管理面板官网Github
vue-element-admin一个后台前端解决方案官网Github
best-resume-ever基于 Vue 和 LESS 的精美简历生成工具官网Github
vue-framework-wzvue后台管理框架官网Github
iView ui一套基于 Vue.js 的高质量 UI 组件库官网Github
iView Admin基于Vue.js,搭配使用iView UI组件库的后台UI官网Github
vuetifyMaterial Component Framework for Vue.js 2官网Github
d2-admin基于 vue.js 和 ElementUI 的管理系统前端解决方案官网Github
vue uiVue 官方应用的 UI 组件库官网Github
Rubik UI一个基于 Vue.js 2.0+ 的开源 UI 组件库,适用于 PC 端和 mobile 端官网Github
Atui阿里通讯前端部推出的一个基于 Vue.js 2.0 的 UI 组件库官网Github
pearProject一个基于Vue.js实现的项目管理系统官网Github
avue基于vue和element-ui的快速开发框架官网Github
vuestic-admin一个响应式的后台管理模板官网Github

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang

抖音号

抖音号: axihe

Anbang