Logo

菜单

发布于 2026-01-05 17 阅读
0

A curated list of awesome things related to Vue.js

一份精选的与 Vue.js 相关的精彩内容列表

内容及所有权利归 github.com/vuejs/awesome-vue 所有

超棒的 Vue.js

广告。DigitalOcean是一家云托管公司，提供基础设施即服务 (IaaS) 服务，以及可扩展且可靠的云托管解决方案。使用此链接，您将获得 200 美元 DigitalOcean 积分，可在 60 天内随意使用，仅限新用户。立即兑换免费积分。

一份精选的与 Vue.js 相关的精彩内容列表

资源

官方资源

外部资源

招聘门户网站

社区

会议

播客

YouTube频道

官方示例

教程

示例

图书

博客文章

课程

纪录片

使用 Vue.js 的项目

开源

  • PageKit - 使用 Symfony 组件和 Vue.js 构建的模块化、轻量级 CMS。
  • npmcharts.com - 比较 npm 包并了解下载趋势。
  • Koel——一款好用的个人音乐流媒体服务器。
  • Raven Reader - 使用 Atom Electron 和 Vue.js 制作的简单 RSS 阅读器。
  • Gokotta - 一个用 Electron 和 Vue 构建的简单音乐播放器。
  • CoPilot - 一个基于 AdminLTE 并集成 vue.js 的管理门户。
  • Retrospectify - 一款用于在敏捷团队中进行协作回顾的简单工具。
  • jade-press - 基于 mongodb、nodejs、koa、vue 等的 CMS。
  • astralapp - 轻松管理您的 GitHub 星标。
  • EME——一款优雅的Markdown编辑器。
  • Github-explorer - 一个可以帮助您更好地检查 GitHub 的 SPA。
  • 酒店- 通过浏览器启动您的开发服务器，并在几秒钟内获取本地域名。
  • Surfbird——一款采用现代网络技术编写的Twitter客户端。
  • Approach0——一款支持数学运算的搜索引擎。
  • Flox - 自建电影、剧集和动漫观看列表。
  • JavaScript 猜谜游戏- 一款用于识别 JavaScript 工具和库的游戏。
  • vue-ghpages-blog - 一个基于 GitHub Pages 的博客，使用 Vue.js 2 + Webpack 2 构建。
  • Vuedo - 使用 Laravel 和 Vue.js 构建的博客平台。
  • vue-music163 - 一个用于音乐的 Vue.js 项目。
  • Tomato5 - 实时协作工具，它将番茄工作法与团队状态共享板相结合。
  • Web Learn——一项提供便捷途径访问数千个关于网页开发和编程的视频教程的服务。
  • ExcelJSON - 一款可以将 CSV、TSV 转换为 JSON 或从 JSON 转换 CSV、TSV 的工具。
  • Materialize-blog - 一个使用 Laravel5.3 和 Vue2.x 构建的 Material 博客。
  • VueComponentGenerator - 在浏览器中生成 Vue 单文件组件。
  • SDR 新闻- 为网页设计师和开发者聚合来自多个来源（Reddit、Hacker News 和知名博客）的新闻。
  • PJ Blog - 使用 Laravel 和 Vue.js 构建的开源博客。
  • Lulumi-browser - Lulumi-browser 是一个使用 Vue.js 2 和 Electron 编写的轻量级浏览器。
  • vue-wordpress-pwa
  • OpenAPI 3 查看器- 浏览和测试使用 OpenAPI 3.0 规范描述的 REST API。
  • Stacer - Linux 系统优化和监控
  • Distrochooser.de - Linux 初学者入门指南
  • Buka - 电子书管理
  • Docute——一个无需构建过程即可编写文档的框架
  • nativescript-vue - NativeScript 渲染器的 Vue.js 实现。
  • piper - 一款基于 Vue 的拖放式移动网站构建器。
  • mmf-blog-vue2 - 一个基于 Vue2（Vue-router、Vuex）和 Webpack2 的博客。
  • 媒体管理器- Web 文件管理器。
  • dyu/bookmarks - 一个由 leveldb 提供支持、使用 Vue2.1.x 构建的独立、自托管的书签应用程序。
  • JSON Schema 编辑器- 一款直观易用的 JSON Schema 编辑器。支持 Vue.js 2 和 Firebase 开发。
  • npm-stats - npm 包下载统计仪表板
  • vue2-admin-lte - 一个将 AdminLTE 转换为与 Vuejs (v2.x) 一起使用的项目。
  • Dockeron - 一个基于 Electron + Vue.js 构建的桌面 Docker 项目。
  • Flamme——一个使用 Electron 和 Vue.js 构建的开源 Tinder 桌面客户端，用于教育目的
  • Goldfish——一个使用 VueJS、Golang 和 Bulma CSS 构建的 HashiCorp Vault 用户界面。
  • promptie - 一个用 Vue.js 编写的框架，用于在 Web 浏览器中创建类似命令行的界面。
  • Hare - 🐇 基于 Vue.js 2.x、Koa 2.x、Element-UI 和 Nuxt.js 的应用程序样板
  • Paper-Dashboard - Creative Tim 为 Vue 制作的 Paper 仪表盘
  • AdminLTE-VueJS2 - 一个在 AdminLTE 上实现 VueJS (v2.x) 的开源项目。
  • Material Dashboard - Creative Tim Material Dashboard 专为 Vue 打造
  • Explore-Github - 使用 API v3 的 VueJS 2 Github Explorer
  • CoreUI Vue 管理后台模板- 基于 Vue.js 的开源管理后台模板
  • ChuckNorris - 使用 VueJS 和 api.chucknorris.io 构建的 Chuck Norris 笑话生成器
  • LeafPlayer - 一个简单快速的私有托管音乐流媒体服务器。
  • JSON 编辑器- 一款支持模式感知的 JSON 编辑器。使用 Vue2 开发。
  • Voten——一个使用 Vue2 和 Laravel 构建的类似 Reddit 的平台。
  • News Weaver - 一个使用 VueJS 和 VuetifyJS 构建的基于 Web 的 RSS 阅读器/聚合器
  • 醒醒吧，比利·乔！ ——一个以绿日乐队的歌曲《九月结束时叫醒我》为灵感的十月倒计时网站。使用 Vue 和 Firebase 构建。
  • Astrum - 一个轻量级的模式库，旨在包含在任何 Web 项目中。
  • vue2-pwa-vision - 一个基于 Vue2 + Vuetify + Progressive Web App 的人脸检测 Google Cloud Vision 应用
  • vue2-pwa-rekognition - 使用 Vue2 + Vuetify + Progressive Web App 实现的人脸检测 Amazon Rekognition
  • AmmoBin.ca - 加拿大各地在线弹药价格的元搜索网站
  • SPA-asp.net-api-vuejs- - 一个使用 ASP.NET Web API 2 和 SQL Server 的 Vue.js 单页应用程序，用于基本任务管理和消息传递。
  • 图书交换俱乐部- 与您所在地区的其他书友交换或借阅图书。使用 Node.js 和 Vue.js2 构建。
  • vuejs-extension-pack vscode - 一个包含用于 Vue.js 开发的流行 VS Code 扩展的扩展包，适用于 vscode。
  • Wiki.js——一款基于NodeJS、Git和Markdown构建的现代、轻量级且功能强大的wiki应用程序。
  • vue-pwa-speech - 基于 Vue2 + Vuetify + 渐进式 Web 应用，利用 Google Cloud Speech 实现语音转文本功能
  • vue-speech-streaming - 一个基于渐进式 Web 应用的实时语音识别流，它利用 Google Cloud Speech 和 socket.io 实现语音到文本的转换。
  • 我的动画列表- 一个轻松获取 CSS 动画代码的工具
  • vue-input-streaming - 一个支持 Pusher 的 TextInput 流式实时双向数据绑定广播
  • TidyTab - 一款用于整理标签页的 Chrome 扩展程序。
  • peregrine-cms - 一个基于 Vue.js 和 Apache Sling 的可选头部 CMS。
  • 从概念到临床——基于 Vue.js 界面的肺癌预测项目
  • grid-awesome - 使用 css display: grid; 属性为网格布局生成样板 css。
  • 轻量级 Bootstrap 仪表盘- Creative Tim 为 Vue 打造的轻量级 Bootstrap 仪表盘
  • Hubaga - 一款免费轻量级的 WordPress 电子商务插件，适用于开发者和其他数字商店。
  • vue-webpack-buefy - 带有完整功能的 Webpack 和 Buefy 的 Vue.js 入门套件
  • Coypu - 类似文本编辑器的周计划器
  • core-server - 具有集成 API 系统和多个高级功能的高度可扩展的 VueJs 框架。
  • discord-logo - 一个基于 SVG 的 Vue.js Discord 动画 logo 生成器。（GitHub 页面）
  • node-vue-template - 一个使用 Node.js (API) 和 Vue.js (SPA) 构建完整应用程序的入门模板，其中包含一些软件包和配置，可帮助快速开始开发。
  • vue-storefront - Vue.js 店面 - 适用于电子商务的 PWA。100% 离线，平台无关，无头，支持 ​​Magento2。
  • fd-vue - 一个用于物联网框架的 Vue.js 客户端
  • wildfire - 可直接替代其他评论插件。
  • 乘车收据- 一款简单的自动化桌面应用程序，用于下载和整理您从 Uber 和 Lyft 收到的税务发票。
  • vue-chrome-extension-boilerplate - 使用 Vue.js 和 Webpack 的 Chrome 扩展程序样板
  • TimeMark——一款时间管理工具，可以记录您的时间，未来还将开发更多功能。
  • Laravel Enso - 使用 Bulma、VueJS 和 Laravel 构建的 SPA 管理面板，开箱即用，功能丰富。
  • Code Notes - 一个使用 Electron 和 Vue.js 构建的面向开发者的简单代码片段管理器。
  • Pomotroid - 简单、美观且可自定义的番茄钟计时器。
  • XMR Miner - 一款使用 Vue.js 构建、D3 可视化的加密货币 (XMR) 挖矿应用程序。
  • XMR Paper - Monero 钱包生成器，使用 Vue.js 构建
  • JoyProxy - 用于处理代理设置的 Chrome 扩展程序
  • 活动自动化- 管理日常活动并及时获取报告。
  • jsettlers-web - 一款流行的德国棋盘游戏，玩家可以使用获得的资源建造六边形地块、定居点、城市和道路。
  • Tamiat CMS - Tamiat 是一个以前端为中心的 CMS，使用 Vue.JS 作为前端，并与 Firebase 集成以实现后端功能。
  • vuegg - Vue GUI 生成器：一次性创建原型和代码！它利用可视化编辑器轻松创建页面、组件和样式。为您的下一个 Vue.js 项目生成所有脚手架代码。
  • Podlove Web Player - 一款针对播客优化的基于 HTML5 的音频播放器，具有章节、文字稿和嵌入功能。
  • Leo Vue - 使用开源的 Leo 大纲编辑器/IDE 创建带有嵌套菜单的 Web 应用程序，并支持内容中的 Vue 组件。
  • Deezer-Vue - 使用 Vue/Vuex 构建的 Deezer 客户端
  • Vuep.run - Vue 的在线 SFC 编辑器
  • V·oogle - Google.com，评论
  • Pomidorus - 使用 Vue 和 D3 构建的番茄钟时间追踪器🍅
  • Hubble - 🔭 探索 GitHub Stars 的历史。
  • Vuepress - 极简的基于 Vue 的静态网站生成器
  • Socialhome——一个具有社交网络功能的联合式富个人资料构建器
  • GenVue是一款可托管的 Web 应用程序，允许用户上传和共享私密文件，它基于 Vue.js、Vuetifyjs 和 .NET Core WebAPI 技术栈构建。
  • vue-array - Vue 中的数组对象操作，使用此包可以操作数组。Vue 可以监控数组的变化。
  • Laqu-l - 一个完整的应用程序入门套件，包含 Quasar 框架、GraphQL API 后端（支持 OAUTH 2.0 身份验证）、Firebase 就绪、多语言功能等等。
  • Protovue——一个原型组件库，可帮助设计师和开发人员快速搭建抽象的应用程序布局。
  • Chattier是一个基于 Laravel 5.6、Vue.js 2 和 Bulma（Buefy 组件 + Bulmaswatch 主题）构建的单页应用程序 (SPA) 社交网络。它还使用 JWT 身份验证。
  • chrome-ribbon-reminder - 一个使用 Vue 和 Async/Await 编写的 Chrome 扩展程序。它使用弹出窗口显示并更改徽章计数。
  • Faviator - 一款简单易用的网站图标生成器。
  • 模块化家谱- 使用 Laravel 5.7、Vue.js 2.5 和各种组件构建的家谱/家族树管理系统。开发中。
  • 极简笔记- 使用 Vue.js 构建的 Web 应用
  • Roast - 一款旨在帮助咖啡爱好者在学习 Laravel + Vue.js 的同时找到下一杯咖啡的应用程序。
  • Stack Edit - 浏览器内 Markdown 编辑器
  • Bael博客模板- 一款静态生成的博客模板，后端和托管均使用Netlify CMS。它采用粗犷主义美学设计，支持模糊搜索、无服务器邮件订阅等功能。
  • Buefy Shop - 示例商店，开源，使用 Nuxt、Stripe、Firebase、Bulma 和 Serverless Functions 构建。
  • sysmon - 适用于 Linux 的 AB/S 模式系统监视器。您可以通过 Web 浏览器随时随地远程查看系统资源使用情况。
  • eth-vue是一个 Truffle Box，它提供了使用 Vue.js 快速构建具有身份验证功能的以太坊 dApp 所需的一切，包括便于部署到 Ropsten 网络的配置。它还支持 Gravatar 头像。
  • Nippon-color——灵感源自nipponcolors.com。这是一个使用vue-cli 3构建的nippon-color PWA。
  • Saleina CMS - 一个使用 Vue 构建、Git 作为后端的静态网站内容管理系统。
  • Vuido——一个用于创建原生桌面应用程序的框架。它可以在 Windows、macOS 和 Linux 系统上运行，并使用原生 GUI 组件。
  • YouGet - YouTube 视频/音频/字幕下载器 + 剪辑器
  • Vue Pug Stylus - Vue + Pug + Stylus 样板 💚 🐶 🖌
  • Crypto News - 允许您转换加密货币，查看每个 ICO 的最新消息和汇率 - 所有来自加密货币世界的数据都集中在一个地方。
  • Epiboard——一款采用 Material Design 设计且功能强大的全新标签页扩展程序🆕🎉
  • zhudyos/duic - 分布式配置中心🆕
  • Vuemmerce - 基于 Vue.js 和 Bulma 框架构建的免费电商模板🆕
  • Nucleus是一个 Vue 启动应用程序模板，后端采用 ASP.NET Core API 分层架构，并基于 JWT 进行身份验证。
  • Carpoolear - 阿根廷拼车应用程序 Carpoolear 的开源 Vue.js 前端（移动端和 Cordova 应用）：Carpoolear
  • Statusfy：Statusfy 是一个状态页面系统，易于使用且完全开源。
  • DynamoDb-GUI-Client：DynamoDb 的跨平台 GUI 客户端
  • RosterWebApp - 开源排班网络应用程序，允许安排员工/团队的工作时间及其他功能。
  • Vue E-Store Templatet - 使用 vue/vuex/vue-router 和 bootstrap4 构建的电子商务模板.
  • Twill - 一个用于 Laravel 的开源 CMS 工具包，可帮助开发人员快速创建直观、强大且灵活的自定义管理控制台。
  • MATH_BOT - 通过编程控制机器人来学习数学。
  • Vue Crossword——一个基于Vue.js的填字游戏构建和填充前端应用程序。使用CodeSandbox构建。
  • Vue Org Chart - 管理和发布您的交互式组织结构图（orgchart），免费且无需网络服务器。
  • Beep - 使用 Vue.js 和 Ionic 4 构建的账户安全扫描器
  • Vue CRUD——基于 Vue.js 的 RESTful CRUD 系统。Vue CRUD 让您可以轻松创建快速应用程序，例如 CMS 或 CRM。
  • Vue HQ 管理后台– 一个由 Vue、Sass、Firestore 和 Netlify 提供支持的现代化管理后台。
  • MToDo - 使用 Vue.js 和 JSON Server 作为数据模拟构建的迷你待办事项列表，带有简单的身份验证功能。对于任何正在寻找 Vue.js 实际应用参考资料的人来说，它都是一个极佳的参考。
  • FireX Proxy - FireX Proxy 是一款用户信赖的 Chrome 和 Firefox 浏览器扩展程序，可让您解锁任何网站，并私密安全地浏览网页。🛡
  • VueSolitaire - 用 Vue.js 实现的纸牌游戏（蜘蛛纸牌、克朗代克纸牌）。
  • Thermal - 一站式 Git 仓库管理平台。
  • QMK 配置器- 基于 Vue.js 的 QMK 固件键盘配置 UI。
  • Eplee - 一款使用 Vue.js 和 Electron.js 制作的简洁易用的 epub 阅读器。
  • vue-realworld-example-app - 示例全栈 Medium.com 克隆
  • 每日精选开发者新闻推送至您的新标签页👩🏽‍💻
  • Laravel 文件管理器- 功能强大的 Laravel 文件管理器
  • Vue 加密货币仪表盘- 使用 Vue.js 构建的加密货币仪表盘
  • ETCD 管理器- 一款基于 Electron 和 VueJS 的现代、高效且免费的多平台 ETCD GUI 应用程序。
  • Idea Re-Vue是一个社交创意平台，以趣味直观的方式创建、管理和集思广益。它基于 VueJS 和 Vuetify 构建，后端采用 Firebase。
  • Vue Expenses - 一款使用 Vue.js、Vuetify 和 ASP.NET Core 构建的费用跟踪应用
  • Akaunting - 一款基于 Laravel 和 VueJS 的免费在线会计软件，适用于小型企业和自由职业者。
  • VueFront - 与 CMS 无关的 PWA 和 SPA。不到 5 分钟即可让您的 WordPress 网站现代化。
  • Mockup-server - Mockup-server 可以轻松地从本地目录创建服务器。
  • MQTTX - 使用 Vue.js、Typescript 和 Electron 构建的跨平台 MQTT 5.0 桌面客户端。
  • Pychat - 自托管 WebRTC 视频聊天（Slack 的替代方案）
  • super.ba - 使用 Vue.js、Vue 的 Ant Design (antdv) 和 NodeJS 构建的 RSS 新闻聚合器。
  • Rapido ——Rapido是一款网站搭建软件。Rapido速度快、易于使用，并且尊重您的隐私。
  • miniPress——又一个静态网站生成器
  • Zeithub - 面向自由职业者的开源时间跟踪、发票和费用管理工具
  • CodeceptJS UI - 类似 Cypress 的 UI，用于 ✔️ CodeceptJS 端到端测试 ✔️。
  • Vue Pivottable - 基于 jQuery 的 PivotTable.js 的 Vue 版本
  • Vue Datamaps - 基于 JavaScript 的 DataMaps 的 Vue 版本
  • Marked.cc - 📝 创建并分享您笔记和散文的精美图片。
  • LeagueStats - 英雄联盟在线游戏玩家的统计网站。
  • Veniqa - 一个使用 Vue 编写的电子商务解决方案，包含购物客户端和管理面板。
  • tato 音乐播放器- 一款面向音乐爱好者的移动优先、手写、响应式 Web 应用，使用 Vue 和 Vuetify 编写。
  • Sheiley Shop - PWA 可追踪个人购物记录，无需再用纸笔去超市购物🏬 Vue 和 Vuetify
  • Afterman - 🌕 使用 Quasar 框架，从 Postman 集合创建精美的 Markdown 和 HTML 文档
  • Greenpress 管理面板- Greenpress 的管理面板，Greenpress 是一个功能齐全的开源软件，用于创建博客和内容网站。
  • Greenpress Blog-Front - Greenpress 的前端应用程序服务，Greenpress 是一个功能齐全的开源软件，用于创建博客和内容网站。
  • 电影天堂——一个基于 Vue 和 Vuetify 构建的响应式电影预览 Web 应用。
  • ThreeJS 寻路可视化工具- 一款用于在 3D 空间中可视化寻路算法的工具，支持迷宫生成和第一人称视角。
  • Agile Visitors - 一款用于登记员工信息的应用程序，能够以最小的努力生成报告、验证和存储用户。
  • Pexelry - 利用 pexels api 的应用程序，可帮助您找到精美的照片和图片。
  • karrot-frontend - 用于组织全球食物节约小组的 Web 应用程序。
  • 实时问答框架- 一个基于 NodeJS、VueJS 和 Ably 构建的入门套件，提供可扩展的基础网络框架，用于托管实时问答游戏。
  • LogChimp - 一款开源软件，用于跟踪客户反馈，以打造更好的产品。
  • Trooveo - 搜索、收听 YouTube 视频（仅音频），无需 YouTube API。
  • Yacht - 一个使用 Vuetify 的 Docker 容器管理 Web 界面，可轻松管理 Docker 容器和项目。
  • Antares SQL - 一款简单易用、功能齐全的跨平台 SQL 客户端。
  • Bagisto - 一个免费开源的 Laravel 电子商务框架，旨在帮助所有人构建和扩展您的业务。
  • Samaya - Chrome 新标签页上的友好个人仪表盘；包含尼泊尔日历、每日尼泊尔语录和尼泊尔壁纸。
  • Mythic Table - 一个免费开源的虚拟桌面，用于进行角色扮演游戏。
  • GrandNode 2.0 - 基于 .NET Core 5.0 和 MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS 的开源跨平台电子商务解决方案
  • Aimeos——领先的 Laravel 电子商务框架，用于构建超高速的在线商店、市场和复杂的 B2B 应用，可扩展至 1 到 10 亿+ 件商品。
  • XIV ToDo - 适用于 Final Fantasy XIV 的仪表盘、完成度跟踪器、定制的每周和每日清单及工具。
  • QuickTok - TikTok热门趋势查看器。

商业产品

  • Wijmo - 一套支持 VueJS 的 UI 控件集合。
  • ChatWoot - 通过 Facebook Messenger 进行实时聊天和客服协作。
  • VueA - 具有多种布局和 Laravel 版本的 VueJS 管理模板。
  • Teleo——一款团队协作应用，让您在沟通、计划和执行之间轻松切换。
  • EducationLink - 为教育中介和高校提供客户关系管理和销售自动化服务。
  • Pragmatic v2.0 - 使用 Vue.js 和 Element 构建的响应式可配置管理模板。
  • Moonitor - 桌面版加密货币追踪器。
  • Deskree - 一个将想法、任务和问题整合在一个地方的在线协作平台。
  • OSHCExpress - 海外学生健康保险 (OSHC) 保险（澳大利亚为国际学生提供的保险）的比较和电子商务平台。
  • Agiloo - 适用于 Scrum 和看板的项目管理应用程序
  • ScaffoldHub - 基于 VueJS、NodeJS、MongoDB 或 SQL 的在线 Web 应用生成器。
  • Commandeer——重新定义云管理。一款基于 Vue.js 和 Electron 构建的桌面云管理应用。
  • Mongster - 通过控制面板将您的 MongoDB 节点连接到一个集群。
  • 请假日期- 一种强大的新方式，用于跟踪员工请假情况。
  • 时间之门- 时间序列分析 API
  • vREST NG - 一款使用 VueJS 和 Element UI 构建的自动化 API 测试企业应用程序。
  • ScaleChamp是一家多云托管数据库提供商，支持 Hetzner、AWS、Linode、IBM、Azure、Scaleway、阿里云、DigitalOcean、GCP 和 UpCloud。
  • Coloban - 一款集聊天、看板、甘特图、通话、屏幕共享等功能于一体的项目管理工具。
  • NxShell - 一个易于使用的新型 SSH 终端，基于 Electron 和 VueJS。

应用/网站

  • Laravel Spark
  • Vice Video
  • 福姆列特
  • Laracasts
  • esa.io
  • 稀土开采金
  • 布拉格机场
  • 作品集网站
  • 统计
  • 堤坝！ - 使用美国地质调查局数据库报告水坝水位的工具。
  • TravelMap——一种让旅行者基于地图创建博客的简单方法。
  • Proper Cloth Shirt Builder - 定制衬衫生成器。
  • 卡通频道出品的《飞天小女警：你自己》
  • vNotes - 使用 Vue.js 和本地存储 API 实现简洁美观的 Markdown 记事本。
  • 开放式计算机
  • Dermail - 用 Vue.js 编写的用于 Dermail 的网络邮件客户端，Dermail 是用 node.js 编写的邮件系统。
  • octimine——一个专利搜索引擎。
  • Draxed - 一个基于 Web 的 MySQL 和 PostgreSQL 数据浏览器和仪表盘管理器。
  • Jobinja——一个在伊朗运营的求职和职业平台。
  • 滚蛋吧！莆田系-显示莆田所有医院信息
  • Livestorm - 网络研讨会/直播活动应用程序。
  • 霍尔顿
  • Global-Exam - 语言能力测试在线培训
  • SlugSurvival - 一个帮助学生更好地规划课程的网页应用程序（业余项目，与加州大学圣克鲁兹分校无关）。
  • GitRelease - 使用 vue.js 和 electron 在 mac 菜单栏上跟踪 github 项目的新版本。
  • 12BAY.VN - 在线航班预订应用程序。
  • PLAYCODE.IO - 快速前端实验的试验场。
  • The Void Radio - 地下浩室音乐在线电台。
  • Bitly Vue - 使用 VueJS 和 Bitly API 缩短 URL。
  • Storyblok - 基于 API/解耦的 CMS，前端使用 VueJS。
  • 威兹航空
  • 迁移到 HTTPS - 将不同平台/托管网站迁移到 HTTPS 的指南
  • Booknshelf - 发现不同主题的优秀书籍和书架。
  • 欧洲新闻台（Euronews）是一家总部位于法国里昂的多语种新闻媒体服务机构。
  • Roozame روزامه‡ - Roozame 是一个波斯语智能新闻媒体服务。
  • 库穆尔
  • NinjaCalc - 一套嵌入式工程相关计算器，采用 vue.js 构建，是一个开源的单页应用程序。
  • Vue.js Feed - 最新的 Vue.js 新闻、教程、插件等等。使用 Vue.js 和 Laravel 构建。
  • 蒜瓣- 一个使用 Vue2.0 和豆瓣 API 开发的 Web 应用
  • 猜词游戏 - 使用 Vue/vuex/vue-router（前端）和 Laravel/MySQL（后端）编写。代码在 GitHub 上开源（但运行游戏的实时文件不在 kdcinfo 上）。
  • GRAP - 商业通信服务
  • 简易模拟
  • mmf-blog-vue2-ssr - 一个使用 Vue 2.0、vue-router 和 vuex 构建的博客，支持服务端渲染
  • JSON Schema Editor - 一个使用 Vue.js 和 Firebase 构建的直观的 JSON Schema 编辑器。
  • Winsome Trivia - 一款单人或多人问答游戏，包含 2000 多个独特的问题，使用 Vue.js 构建，并由 Open Trivia Database 提供支持。
  • 月相组织器- 农历应用程序
  • Flash-Vue—— ​​“未来学习卡片”，让学习随时随地发生🚀
  • Kinderbesteck - 一个基于 Vue2.0、Vuex 和 Vue Router 的完整在线商店 SPA
  • n2ex - 一个基于 Vue SSR (Nuxt) 的网站，使用 v2ex API
  • Power Thesaurus——一个众包在线词典
  • Chattanosy - 一个由社区驱动的数据库，收录了田纳西州查塔努加市的新事物和新地点。
  • PAIXIN——一个真正的图片销售网站
  • CodeBottle - 将代码片段拖放到您的项目中
  • 1XBET——一家自2007年开始运营的博彩公司
  • MyOwnTV——一个用于创建网络电视的流媒体网站
  • CrowdCircus——欧洲最大的众筹和众筹投资聚合平台
  • 波斯诗歌集
  • Ripplectron - Ripple（区块链币）钱包桌面客户端（适用于 vue-electron）
  • PingBreak - 一款基于 Vue.js 的免费简易网站监控服务，提供实时仪表盘。
  • Todoist Tribute - Todoist 克隆版，使用 Rails 和 Vue 编写
  • JSON 编辑器- 一个使用 Vue2 和 firebase 构建的、支持模式感知的 JSON 编辑器。
  • Develteam——一个面向独立游戏开发者的社交网络。
  • Mixsii - 一个面向青少年、成人、家庭和朋友的免费视频聊天室网站。
  • PipQuest - 一款使用 Vue 构建的复古风格益智游戏
  • Matryx——一个去中心化的协作平台。
  • iPrevYou - YouTube™ 播放器- 一款用于在桌面上观看 YouTube 视频的 Chrome 应用。
  • 物品管理器- 一款用于转移《命运2》游戏物品的应用程序。
  • 前端大师 Vue 入门课程- 前端大师全天课程
  • TR-101 - 鼓合成器/音序器。
  • Bazaar - 媒体分享平台。
  • Vectr——一款免费的矢量图形软件
  • brain bits - 适用于 Emotiv 耳机的 P300 在线拼写机制
  • Coin Dashboard - 完全客户端的加密货币资产仪表盘。
  • Habitica——一款以角色扮演游戏形式呈现的在线任务管理应用程序。
  • MadeWithVueJs - 使用 Vue.js 创建的项目展示（本网站本身也使用了 Vue.js）
  • CodeDependencyScanner - AC# 桌面应用程序，用于显示使用 Vue、Neutronium 和 D3.js 构建的 .Net 程序集代码依赖项。
  • 千元以太首页——百万美元首页的以太坊去中心化应用（DApp）。基于 Vue.js 和开源技术构建。
  • Let's Enchance - 使用神经网络的免费在线图像放大和增强。
  • Pi.TEAM - 在线发票和会计- 简单易用的在线会计和发票工具，个人用户和自由职业者均可免费使用。
  • Vuethwallet - 一个使用 vuejs 生成以太坊钱包的简单应用程序。
  • Tipe——新一代 API 优先的内容管理系统。使用强大的编辑工具创建内容，并通过 GraphQL 或 REST API 从任何地方访问它。别再让内容管理系统限制您构建应用程序的方式。
  • Vuethexplore - 一个使用 Vue.js 探索以太坊区块链的简单应用程序。
  • Fintechers——专注于金融科技领域的招聘网站。
  • Devjournal - 用于项目和想法的协作待办事项列表。
  • Bubbleflat是一个在线平台，帮助学生和年轻的职场人士通过搜索拥有相似生活方式、兴趣爱好或学校背景的人，找到理想的室友。它基于 Laravel 和 Vue.js 框架构建。
  • TeaQuinox Tea Co——一家专门销售散装茶叶的电子商务网站。
  • blip - 测试网站的速度、移动设备友好性、安全性和 HTML5 文档类型。查找附近商家并批量测试他们的网站，或者只测试您自己的网址。
  • sunpos - 太阳位置、高度角、方位角、黄道/赤道坐标以及日出/日落时间（儒略日）的计算和转换工具。网站采用纯 JavaScript、Vue.js 和 i18n Vue.js 本地化插件编写。可视化效果使用 D3.js 创建。
  • U3xyz - 一个基于 Vue SSR 的个人博客。
  • 27.ua - 总部位于乌克兰的互联网超市
  • 国际象棋守护者- 回答您自己对局中的国际象棋位置问题。
  • 二十一点速成游戏- 快速玩一局二十一点
  • GameVix - 轻松便捷地与他人交换旧游戏光盘。采用 Material Design 的 PWA 应用。
  • VivifyScrum - 一款面向高效团队的敏捷项目管理应用。支持自定义 Scrum 和 Kanban 看板。
  • 9GAG——热门在线平台和社交媒体网站
  • Kitchen Stories - 烹饪平台
  • MailRabbit - 无需开发人员即可创建、A/B 测试和监控交易电子邮件。
  • Vue 资源精选- 很棒的 Vue 组件列表、类别、内联演示展示和简介
  • Cronhub - 轻松监控 Cron 任务的工具
  • wrkprty - 为自由职业者、远程工作者和希望离开办公室的专业人士提供的快闪式联合办公活动。
  • “Made with Love” ——这项遍布全球的“Made with Love ❤️”倡议旨在庆祝🎉、推广📣并打造品牌👑。它汇集了来自包括Dribbble、ProductHunt、Behance和Techcrunch在内的100多个来源的科技新闻、设计灵感和趋势。💝
  • 通往产品之路- 探索初创公司和科技公司超过 1000 个产品职位。
  • V·oogle - Google.com，重新评测。一个玩笑项目。:)
  • 经纪人笔记——“学习成为一名房地产经纪人”🏠
  • SyncLounge - SyncLounge 是一款用于在多个位置的多个播放器之间同步 Plex 内容的工具。
  • HCE.it - 一家意大利机构的网站，完全使用基于 Laravel 的无头 CMS 和 Vue 构建。
  • 页面- 网页设计灵感
  • Scrumpy——一款面向敏捷团队的精美项目管理工具
  • Spektrum - Spektrum Media Agency 网站
  • SPK生态系统的网站
  • IDDEF ☪️ 珍视人道协会联盟的网页、内容管理系统 (CMS)、客户关系管理系统 (CRM)、捐赠页面以及所有电商页面均采用 Vue.js、Vuex 和纯 JavaScript 设计 🙏
  • 配置文件管理- 一种管理配置文件的简单方法
  • Roast 是一款旨在帮助咖啡爱好者找到下一杯咖啡，同时学习 Laravel + Vue.js 的应用程序。
  • YBR - YBS集中式公共电子投诉管理系统。（完整SPA）
  • 正则表达式 Fiddler
  • Myanpwel - 活动票务平台网站。
  • CryptoArte - 一个以太坊艺术收藏、非同质化代币和去中心化应用程序。
  • Muuviez - 一个设计时尚的电影发现和追踪网站
  • NAGA VIRTUAL - NAGA VIRTUAL 是首个独立的虚拟商品市场。
  • Scroll.in - Scroll.in 是一个独立的新闻、信息和娱乐网站。
  • Akunyi - 慈善网站
  • 如果是马克·鲁法洛，他会怎么做？ ——这是一个励志网站，讲述了马克·鲁法洛在获得成功之前经历了数百次试镜失败的故事。
  • Brandy - 菜单栏品牌资产管理工具。
  • NBC体育——NBC体育是一个体育新闻网站。
  • WITHIN - 虚拟现实中的非凡故事。
  • plottr.io - 规划您的跑步和骑行路线
  • beCamp——弗吉尼亚州夏洛茨维尔市举办的社区组织技术大会。网站代码是开源的。
  • Trustpilot——一个免费且对所有人开放的评论平台。
  • Lagom - 简洁、直观且完全响应式的 WHMCS 主题
  • ScoutMyTrip - 自驾游规划器- 一款面向印度的自驾游规划应用程序，可帮助旅行者制定行程、发现景点、查找沿途的酒店、加油站、餐馆等。
  • GamersClub——巴西最大的电子竞技社区发展公司
  • 麻省理工学院官方网站。
  • Elvenar - Elvenar 是一款基于浏览器的奇幻城市建造游戏。
  • Beacon - 💙 一项允许您在多个网站上分享内容的服务。
  • Artfinder - Artfinder 是一个买卖艺术绘画的网站。
  • Rolodromo - 一个致力于桌面角色扮演游戏的西班牙网站。
  • GitHubExplorer - 纯静态页面 Web 应用程序，用于浏览 GitHub。使用Vuejs和GitHub GraphQL API v4。
  • 主题演讲- 使用 Vue 进行演示。
  • HappyPlants - 一款用于整理植物的渐进式 Web 应用程序 🌱。
  • Pocket Lists——世界上最友好的待办事项清单应用程序。
  • Padlet - 协作公告板
  • Glovo - 按需配送
  • MySigMail - MySigMail 是一款免费的浏览器内电子邮件签名生成器，无需创建帐户即可使用。
  • Wordguru——一款简单的文字游戏，玩家分成小组，尝试猜出尽可能多的关键词。
  • ApiFlash——一款基于Chrome浏览器、构建于AWS Lambda之上的开发者屏幕截图API。
  • Kitty Ipsum - 生成由不同语言的“喵”组成的 lorem ipsum.
  • Git Superstar - 统计你的 Git 星标数和热门仓库。
  • DECS——去中心化的一体化工作空间，用于管理代码片段和保护敏感数据。
  • Asciiur——互联网的ASCII艺术收藏
  • Tapestri Designer - 用于设计基因组测序实验 (NGS) PCR 引物的免费工具
  • Remote-Access-SSH - 基于 Web 的远程主机访问，使用 node-ssh
  • 地图标记生成器- 一款免费的在线工具，可即时生成自定义地图图标
  • Monocle Reader - 关注新闻推送、Twitter、YouTube、博客以及其他所有内容，尽在一个平台。
  • 前站导航-前端社区、文档收录。
  • Geenes - 为您的 UI 生成并应用调色板，然后将其导出到 Sketch 或代码。
  • Blurrish是一款适用于 Mac/Windows 的加密晨间日记应用，使用 Vue 和 Electron 构建。它会在你书写时产生模糊效果，方便你在公共工作空间中记录日记。
  • ExifShot——摄影的本质和方法，尽在ExifShot。
  • Studolog——面向学生的在线文件共享平台，包含测试和评论功能。目前仅支持捷克语🇨🇿。
  • sum.cumo – 数字商业模式（以 Vue 为技术栈核心）。
  • Gamebrary - 用于整理电子游戏收藏的开源工具。
  • 高级扑克工具- 扑克玩家用来学习的工具。
  • QMK 配置器- 通过浏览器配置、构建和下载自定义 QMK 固件。
  • Worksome - 面向合格的 IT 专业人员、自由职业者和希望雇用他们的公司的市场/平台。
  • Translator-vuejs - 使用 Vuejs、Yandex API 和 ResponsiveVoice.js API 构建的翻译应用程序。
  • Big Timer——一款适用于研讨会、会议和演示的全屏倒计时器。Big Timer 可以帮助研讨会组织者、会议主席、设计冲刺参与者、演讲者以及有志成为游戏节目主持人的人士严格按照流程进行。
  • Wirenook - 一款免费的在线应用程序，用于构建响应式网站线框图。支持高保真和低保真度设计、项目共享和 SVG 下载。
  • Kvalitetskontroll - 专为建筑行业量身定制的挪威管理系统。
  • Poolside FM——一款复古风格的音乐播放器
  • Inoreader.com——目前最大的RSS阅读器和新闻聚合器之一。
  • AwesomeTechStack - 网站技术栈分析器
  • massCode——一款面向开发者的开源代码片段管理器。它基于 Electron、Vue 和 Monaco 编辑器构建。
  • ClipLeap - 用于发布和分享长视频精彩瞬间的平台。
  • RSVP Keeper - 让在线预订变得轻松便捷。让您的活动迅速启动。由 Vue 和 Go 构建。
  • PNGK - 一家咨询公司的官方网站，致力于为人道主义、人权和其他志同道合的组织寻找解决方案。
  • BMWUSA车辆配置器- BMWUSA车辆配置器
  • mumbasket——一个使用 Laravel 和 Vue.js 构建的电子商务网站
  • Fanmio - 通过 Fanmio 上的个性化视频体验，与您最喜爱的名人见面
  • OneConcern 来源
  • AtomicWallet——多资产加密货币钱包。桌面版和移动版应用均使用 Vue 构建。
  • Helpninja - 简单快捷的帮助中心
  • Todo DEV - 一款使用 Vuejs、Vuetify 和强大的 Firebase 为开发者打造的简单待办事项应用。
  • 36 Pixels - 使用 vue.js 构建的法国代理机构网站
  • Vue Spotify - 使用 vue.js / vuex 构建的 Spotify 客户端
  • temp-mail.io - 一次性临时电子邮件服务。
  • Best-movies.watch - 一个无需注册即可免费在线观看电影的网站
  • Tune.pk - Tune.pk 是最大的视频分享网站之一，内容来自世界各地。
  • Narrandum——一款使用 Vue.js、Vuetify 和 Feathersjs 构建的客户旅程地图工具。
  • Keep Formula - Keep Formula 是一款简单的应用程序，可让您的计算更轻松。
  • tato 音乐播放器- 一款面向音乐爱好者的移动优先、手写、响应式 Web 应用，使用 Vue 和 Vuetify 编写。
  • ChatterBoxes - 用于快速秘密聊天会话
  • goonlinetools.com - 100% 免费在线工具网站。
  • CMD Generators 命令行生成器- 通过单击按钮生成 CMD。如tar、ssh。 命令行参数不太熟悉？ 点点按钮就可以生成啦！
  • 作品集网站- Olaolu Olawuyi，前端开发人员和用户体验工程师的作品集网站。
  • 作品集网站- David Aji 又名 Ajiva 是一位前端开发人员，拥有使用 Vue 和 React 等框架构建“一流” Web 应用程序的经验。
  • d-patterns.js.org - FOSS Discord 模板列表网站💬
  • linksift.com - LinkSift 可以让你探索一个网站链接到了哪些地方。
  • postmake.io——一个精选的目录，收录了300多种工具和资源，供网络上的公司和初创企业使用。它使用Vue.js和Nuxt构建。
  • screenshotapi.net - 一个网站截图 API，可捕获像素级完美的网站截图。
  • FontGet - 下载免费字体。
  • Travel_Smart - 一个基于旅游的 Web 应用程序，使用 Vue + Vue Router + Vuex。
  • 美国国立卫生研究院 (NIH)：FEVS 调查结果- 美国国立卫生研究院 (NIH) 联邦观点调查 (FEVS) 调查结果的数据可视化。
  • U Can Stock——面向韩国用户的美国股市信息平台。它使用 Vue、Vuex、Vuetify、Nuxt 和 Firebase 构建。
  • Nipashe ——“Nipashe”是斯瓦希里语，意思是“告知我”。Nipashe是一个基于Vue + Vuex（状态管理）+ Vue-Router（导航）构建的Web应用程序，它根据世界卫生组织的数据，提供全球当前COVID-19感染病例的统计信息。
  • DevSnap.me - 一个帮助 Web 开发人员查找大量免费开源 HTML、CSS 和 JavaScript 资源的网站。
  • Pexies ——Pexies是一个基于Pexels API构建的个人图片库。您可以浏览精选/随机图片，并将其添加到您的收藏夹。
  • Wammes Gifts - Wammes Gifts 帮助您找到完美的礼物。
  • Back Home/回家- 一个搜索从海外飞往中国大陆（以及从中国飞往海外）的航班的搜索引擎，这些航班在 COVID-19 疫情期间仍在运营。
  • Deadlines - 一个使用 Vue.js 和 localForage 制作的离线、简单的截止日期跟踪器。
  • Scraperbox——一款无法被检测到的网络爬虫API。它基于Laravel和Vue构建。
  • Darwin Analytics - Tool for measuring and optimizing your site. Built with Vue3 and Vite.
  • Pinterest video downloader - Tool for Downloading pinterest videos in HD

Interactive Experiences

Enterprise Usage

A11y

Components & Libraries

UI Components

Table

Tables / data grids

  • vuetable-2 - Data table simplify.
  • vue-tables-2 - Vue.js 2 grid components.
  • vue-datasource - A vue.js server-side component to create dynamic tables.
  • ag-grid-vue - Vue adaptor for ag-Grid.
  • vue-data-tables - Vue2.0 DataTables, based on element-ui.
  • vue-floatThead - Vue 2.0 component for floatThead, a floating & sticky table header plugin.
  • vuetiful-datatable - Datatable component with sorting, filtering, pagination, grouping and aggregation.
  • vue-materialize-datatable - VueJS datatable for Materialize CSS
  • vue-good-table - An easy to use, VueJS (2.x) table plugin with sorting, column filtering, pagination etc.
  • vue-grid - A flexible grid component for Vue.js
  • vue-easytable - A powerful table components based on Vue2.x
  • vue2-datatable-component - The best Datatable for Vue.js 2.x which never sucks
  • vue-js-grid - Vue.js 2.x responsive grid system with smooth sorting, drag-n-drop and reordering
  • vue-handsontable-official A Vue.js wrapper for the Handsontable spreadsheet component
  • vue-grid - A powerful flexbox grid system for Vue.js 2.x, built with inline-styles
  • vue-data-tablee - Based on vue-good-table, a simple and pretty table component
  • vue-scrolling-table - Simple table component with flexbox sizing, scrolled table body (horizontal and vertical), slots for all tr/th/td rendering.
  • el-search-table-pagination - Combines Form, Table and Pagination components of Element UI together. Based on Vue 2.x.(Detail)
  • vue-crud-x - Extensible crud component using Vuetify layout, other than the usual page, sort, filter, it is able to do nested CRUD, custom forms, filters, operations.
  • Vue Datatable - VueJS powered Datatable with Laravel server-side loading and JSON template setup
  • v2-table - A simple table component based Vue 2.x.
  • vue-cheetah-grid - A high-performance grid engine that work on a canvas for Vue.js.
  • vue-table-component - A straight to the point Vue component to display tables.
  • @lossendae/vue-table - Simple table component for Vue.js 2.x with pagination and sortable columns.
  • el-data-table - base on element-ui, makes crud easily
  • DevExtreme Vue Grid - High-performance plugin-based Vue data grid for Bootstrap.
  • vue-ads-table-tree - A vue Table component, with filtering, sorting and pagination. Rows can have child rows, so a tree structure can be build. It also supports async calls to load rows from the backend. It's built with the css framework tailwindcss
  • @marketconnect/vue-pivot-table - A vue component for pivot table
  • vue-teible - Lightweight and flexible table component for the web ⚡
  • vue-jqxgrid - Vue data grid with filtering, sorting, editing, grouping, data export and other features.
  • vue-jqxpivotgrid - Vue pivot data grid with pivot designer, drill through cells, pivot functions.
  • toast-ui.vue-grid - Vue Wrapper for TOAST UI Grid.
  • vueye-datatable - Vueye data table is a responsive data table component based on Vue.js 2, it organizes your data per pages in order to navigate easily.
  • vue-sorted-table - A plugin to turn tables into sorted tables. Supports nested object keys, custom icons and reusable components.
  • vue-bootstrap4-table - An advanced data table based on Vue 2 and Bootstrap 4, which includes Multi column filtering, Multi column sorting, Pagination & Info, Checkbox rows and Highly customizable slot options.
  • vuejs-smart-table - Straight Forward Table Component using the vanilla HTML Table Structure with Sorting, Filtering, Pagination and Selection out of the box.
  • @myena/vue-table - Table Components for Client/Server data handling. Filter, sort, paginate, group, expanding details row. Highly customizible via slots for filter, headers, column, pagination, details row.
  • vue-jd-table - Advanced and flexible data table component for Vue 2. Feature Rich: search, filtering, exporting, pagination (traditional and virtual scroll) and so much more!
  • iview-table-page - Combines Table and Page components of iview UI together. Based on Vue 2.x. And Hear are some examples to use iview-table-page.
  • fancy-grid-vue - Vue adaptor for FancyGrid.
  • vue-table-dynamic - A dynamic table with sorting, filtering, editing, pagination, multiple select, etc.
  • vue-quintable - A responsive and highly configurable table based on Vue 2.x and Bootstrap 4.x
  • vue-grid-responsive - Responsive grid system based on Bootstrap for Vue 2.x.
  • vue-js-datatable - VueJS light weight wrapper datatable component for datatables.net
  • bee-grid-table -BeeGridTable , is a Highly Customizable Table UI component library based on Vue.js. Rich functions、More efficient、Easy to use!
  • vue-datagrid - Vue grid wrapper for powerful webcomponent revo-grid with excel like rich edit and behavior.
  • element-ui-sticky-table - Sticky for element-ui table
  • vue-dataset - A set of Vue.js components to display datasets with filtering, paging, and sorting capabilities!

Notification

Toaster / snackbar — Notify the user with a modeless temporary little popup

Loader

Loaders / spinners / progress bars — Let the user know that something is loading

Progress Bar

A slim progress bar at the top of the page

Tooltip

Tooltips / popovers

  • v-tooltip - Easy tooltips with Vue 2.x.
  • vue-popper-component - Popper.js directive for Vue.js.
  • vue-directive-tooltip - Simple, flexible tooltip directive (based on Popper.js) Vue.js
  • vue-popperjs - VueJS 2.x popover component
  • vue-tooltipster - VueJS 2.x tooltip component. Support html content, hover and hover+click events.
  • k-pop - Simple popover component based on popper.js. Highly customizable. Comes with themes. Supports custom triggers and can listen to any event.
  • @adamdehaven/vue-custom-tooltip - Vue 2 & 3 🎉 customizable, reactive, and reusable tooltip component that supports plugin options, props, and multiple use-cases. Also works with SSR (e.g. VuePress, Nuxt) and includes TypeScript types. (Vue 3 is available on next branch/npm tag)

Overlay

Overlay / modal / alert / dialog / lightbox / popup

  • vuedals - A VueJS (2.x) Plugin for multiple modals windows with a single component instance.
  • sweet-modal-vue - The sweetest library to happen to modals. Now available for Vue.js.
  • vue-js-modal - Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal with 0 dependencies.
  • vudal - Modal window for vue.js
  • vodal - A vue modal with animations.
  • vue-image-lightbox - A Vue image lightbox/gallery to display images nicely.
  • vue2-simplert - Vue 2 Simple Alert Component (SweetAlert Inspired) By Irfan Maulana
  • Vue-Semantic-Modal - Vue 2 Semantic-UI modal component without jQuery dependency
  • v-img - Easy to install image gallery.
  • vue-dialog-drag - Draggable dialog
  • vue-ya-semantic-modal - Yet another semantic-ui modal component for Vue2 without Jquery but with Vue transition
  • vue-pure-lightbox - Very simple lightbox plugin without any dependencies - only Vue! 🖼
  • v-viewer - Image viewer component for vue2 and vue3, supports rotation, scale, zoom and so on, based on viewer.js
  • vue-messagebox - Easy and made-to-order messagebox component on Vue.
  • vuejs-dialog - A lightweight, promise based alert, prompt and confirm dialog.
  • @hscmap/vue-window - Window UI Component for vue2.
  • vue-gallery - VueJS responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. Based on blueimp-gallery
  • vue-swal - A small wrapper for integrating SweetAlert to Vuejs. (Compatible with SSR)
  • vue-modal-dialogs - ✨ Promisify your own dialogs!
  • vue-img-view - a plugin for Vue.js, you can drag / view / rotate pictures anywhere
  • vue-modaltor - most advance configurable modal component for vuejs
  • v-modal-backdrop - A simple generic backdrop component for vue
  • vue-cute-modal - A simple and easy to use Modal component for Vue applications.
  • v-dialogs - A simple and powerful dialog, including Modal, Alert, Mask and Toast modes, based on Vue2.x
  • vue-gallery-slideshow - Responsive gallery component for VueJS
  • vue-a11y-dialog - A Vue.js component wrapper for the accessible dialog a11y-dialog.
  • vue-slideout-panel - Stackable panel component for VueJS
  • v-gallery - A Vue2 plugin for images show in gallery or carousel
  • vue2-image-loader - A image lazyLoad loader component for vue2
  • vue-my-photos - A simple dependency-free image lightbox component with filtering capabilities
  • vue-img-orientation-changer - A Vue.js directive that automatically adjust your img to correct orientation.
  • vue-topmodal - A fully customisable, easy to use, Vue.js modal component. (Responsive, Stackable, Scrollable, Animated)
  • vue-modal 🖼 - Feed your objects array for multiple switchable modal content or quickly inline your content. A fully customisable vue modal component .
  • @innologica/vue-stackable-modal - Library for modal dialogs which can be stacked. Fully customizable and very easy to use.
  • vue-sweetalert2 - wrapper for sweatlaert2 with support for TypeScript, Nuxt and SSR
  • vue-modality - A really nice Vue.js modal component
  • vue-tinybox - a tiny (only 2.5 KB minzipped) and slick lightbox gallery. Optimized for both desktop and mobile.
  • vue-accessible-modal - A Vue.js accessible modal wrapper over your components.
  • vuetify-dialog - Dialogs easy to use with Vuetify.
  • vue-hawesome-modal - A Vue promisify modal component plugin based on Vuetify with Vuex.
  • xmodal-vue - 🚀 A simplistic and easy to use wrapper around your components that will help you create custom and dynamic modals, from your components.
  • @kouts/vue-modal - A customizable, stackable and lightweight modal component that adheres to the guidelines set in WAI-ARIA Dialog (Modal) section of W3C.
  • vue-final-modal Tailwind-friendly, highly customizable, stackable modal component.
  • vuesence-modal-window - Simple Modal window Vue.js component that takes care of overlay, centering, animation, outside click/Escape key/X-mark closing and allows you to concentrate on its content only.
  • vue-it-bigger - A simple image / (YouTube) video lightbox component for Vue.js.
  • v3confirm - A plugin dedicated for vue3 to show confirm dialog modal.

Parallax

  • vue-parallax - Scrolls an image slower than the window to create a neat optical effect.
  • vue-parallaxy - Vue.js component for parallax image scroll effects.
  • vue-mouse-parallax - A simple to use Mouse Parallax Component - Made with Vue.js
  • vue-parallax-js - Tiny vue component that adds a directive for parallax effect on elements.
  • vue-parallax-view - Create a composite control that displays different images that react to the mouse movement to create a depth effect

Icons

  • vue-awesome - Font Awesome component for Vue.js, using inline SVG.
  • vue-material-design-icons - A collection of SVG Material Design icons as single file components.
  • vue-icon-font - A iconfont plugin for Vuejs (support Font-class and Symbol).
  • vue-ionicons - Vue Icon Set Components from Ionic Team.
  • vue-ico - Dead easy icons for Vue with drop-in browser support & selective bundling
  • mdi-vue - Material Design Icon components for Vuejs
  • vue-fontawesome - Font Awesome 5 Vue component
  • g-icon - Simple icon component for your svg icons (compatible with Font Awesome-like font toolkits)
  • vue-simple-line-icons - Simple Line Icons component for Vuejs
  • vue-country-flag - Vue component for country flag icons
  • vicon - Vicon is an simple iconfont component for vue.
  • md-svg-vue - Material Design Icons by Google for Vue.js & Nuxt.js (server-side support (with caching), inline svg rendering, official icon names)
  • vue-lang-code-flags - Vue component which shows the flag of the country from which the language comes from
  • vue-zondicons - Vue component for the beautiful Zondicon svg icons
  • vue-eva-icons - Simply beautiful open source eva icons as Vue components.
  • vue-unicons - 1000+ Pixel-perfect svg unicons for your next project as Vue components.
  • vue-fa - Simple FontAwesome 5 Vue.js 2 component.
  • vue-cryptoicon - Beautiful pixel perfect 400+ cryptocurrency and 10+ Fiat currency icon.
  • vue-hero-icons - A set of high-quality SVG icons, sourced from @refactoringui/heroicons, as Vue functional components.
  • vue-heroicons - Vue component for 104 premium Heroicons UI svg icons
  • vue-tabler-icons - Vue components for Tabler Icons SVG icons.
  • oh-vue-icons - A Vue component for including inline SVG icons from different popular iconpacks easily.
  • vue-feather-icons - Simply beautiful open source icons as Vue functional components.
  • vue-feather - Feather icons component for Vue 3.

Marquee

Menu

Minus Plus Input

Carousel

  • vue-easy-slider - Slider Component of Vue.js.
  • vue-l-carousel - A responsive carousel(namely slider or swiper) component for Vue.js v2.x+.
  • vue-awesome-swiper - Swiper(slide) component for Vue.js(1.x ~ 2.x).
  • vue-lory - Vue Slider Component based on lory.
  • vue-slick - Vue component for Slick-carousel.
  • vue-flickity - A Vue Component for Flickity.js.
  • vue-carousel-3d - Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js.
  • vue-carousel - A flexible, responsive, touch-friendly carousel for Vue.js.
  • vue-coverflow - A vue2.x coverflow component.
  • vue-agile – A carousel component inspired by Slick, written in Vue.js and vanilla JS only.
  • vue-tiny-slider – A carousel component created by ganlanyuan, written in Vue.js. No jQuery. Works in IE8+.
  • vue2-text-swimlane - A Text Swimlane plugin for Vue.js
  • vue-picture-swipe - Vue Picture Swipe Gallery (a gallery of image with thumbnails, lazy-load and swipe) backed by photoswipe.
  • vue2-siema - Plugin wrapper for the very tiny Siema carousel/slider library.
  • vue-flux - Image slider which comes with 20 cool transitions.
  • vue-glide - Vue slider & carousel component on top of the Glide.js
  • vue-owl-carousel - Vue component for Owl Carousel 2
  • vueper-slides - A touch ready and responsive slideshow / carousel for Vue JS.
  • Hooper - Customizable accessible carousel slider optimized for Vue
  • Lingallery - Simple image gallery component for Vue which displays a large image with thumbnails below
  • vue-piece-slider - Animated slides in a fragmented look
  • vue2-photo-carousel - A photo carousel component for Vue2
  • vue-netflix-slider - A Netflix like slider.
  • vue-pswipe - Easy to use, no need to set the size, support rotation, photoswipe based vue swipe plugin
  • vue-cat-carousel - Lightweight, simple and customizable for Vue Js
  • @egjs/vue-flicking - It's reliable, flexible and extendable carousel for Vue.js 2 & 3.
  • slither-slider - Carousel for images, videos, or components. Throw pretty much anything you want at it.
  • vue-slick-carousel - A carousel with slick features & SSR support written for faster Luxstay
  • @jfm/vue-carousel - A Vue carousel component.
  • vue-snap - Lightweight Carousel based on Scroll Snap CSS
  • vuerollr - Mouseover gallery plugin for Vue.js. Supports image and video.
  • vue-splide - Splide is a free lightweight but powerful slider and carousel, written in pure JavaScript without any dependencies. It supports a thumbnail slider, nested slide.
  • swiper - Swiper 6 added official support for Vue.js (only 3.x).
  • vue-split-carousel - A carousel component meanwhile display several carousel item, supprot vue 2 and vue 3.
  • vue-concise-carousel - Vue Concise Carousel with True SSR. Works for Vue 2 & 3.

Charts

  • vue-morris - VueJS component wrapping Morris.js.
  • vue-chartjs - Vue.js wrapper for Chart.js.
  • hchs-vue-charts - Based on Vue2.0 wrapper for ChartJs.
  • vue-echarts - ECharts component for Vue.js.
  • vuetrend - Simple, elegant spark lines for Vue.js.
  • vue-highcharts - Highcharts component for Vue.
  • vue-echarts-v3 - Vue.js(v2.x+) component wrap for ECharts.js(v3.x+).
  • vue-chartist - Vue.js 2.0 component wrap for Chartist.
  • vuebars - Simple, elegant spark bars for Vue.js.
  • vue-d3-network - Vue component to graph networks using d3-force
  • vue2vis - Vue2 wrapper for Visjs.
  • vue-c3 - A reusable vue component for c3 charts
  • vue-d2b - Vue components for d2b charts. (Including axis, pie, sankey, and sunburst charts)
  • VueChart - A very simple Vue wrapper for Chart.
  • vue-chartkick - Create beautiful JavaScript charts with one line of Vue
  • d3vue - A D3 Plugin for Creating Reactive Data Visualizations in VueJS
  • vue2-frappe - A simple wrapper around Frappe Charts for VueJS
  • vue-google-charts - Reactive Vue.js wrapper for Google Charts lib
  • vue-graph - Data visualization library for dashboard implementation in Vue.js
  • vue.d3.sunburst - Reactive sunburst component based on D3.js
  • v-chart-plugin - A customizable component for adding D3 charts that binds to your components data.
  • vue-jqxchart - Charting component with Pie, Bubble, Donut, Line, Bar, Column, Area, Waterfall, Polar & Spider series.
  • toast-ui.vue-chart - Vue Wrapper for TOAST UI Chart.
  • vue-apexcharts - Vue.js component for ApexCharts.
  • vue-doughnut-chart - Doughnut chart component for Vue.js.
  • v-charts - Chart components based on Vue2.x and Echarts.
  • vue-css-donut-chart - Lightweight Vue component for drawing pure CSS donut charts.
  • vue-trend-chart - Simple trend charts for Vue.js
  • vueplotlib - Declarative, interactive, linked plot components
  • vgauge - A Vue Wrapper to GaugeJS - Create beautiful gauges
  • vue-plotly - Wrapper for plotly.js declarative charting library that ships with 20 chart types, including 3D charts, statistical graphs, and SVG maps.
  • vue-funnel-graph-js - Funnel graph drawing library for Vue.js. Create vertical and horizontal animated SVG funnel charts and add labels, values, legend and other info.
  • pure-vue-chart - Lightweight vue charts implemented without any chart library dependencies
  • f2-vue - Vue wrapper of f2 - elegant, interactive and flexible mobile chart library
  • ZingChart-Vue - Vue component made by ZingChart with 35+ chart types.
  • jscharting-vue - Vue chart component offering a complete set of chart types and engaging data visualizations with JSCharting.
  • flowchart-vue - Flowchart & Flowchart designer component for Vue.js.
  • vue-d3-barchart - Small component to draw charts using d3.
  • vue3-highcharts - A Highcharts.JS wrapper component for Vue 3
  • echarts-for-vue - ECharts Wrapper Component For Vue 3 and 2
  • vue3-chart-v2 - Vue wrapper component base on Chart.JS for Vue 3
  • vue-gauge - Vue.js component to create animated svg gauge charts #### Time

Display time / date / age

Calendar

Display non-editable events in a Calendar

Map

Audio / Video

  • Vue-APlayer - 🍰 Easy-to-config music player for Vue 2.x.
  • vue-audio - audio-tag wrapper; sound player component for Vue 2.x
  • vue-dplayer - A Vue 2.x video player component based on DPlayer.
  • vue-canvasvideo - A Vue 2.x component for video backgrounds and autoplay video on iOS/Safari.
  • vue-music - A Vue component base on html5 <audio>.
  • vue-audio-visual - Vue HTML5 audio visualization components.
  • vue-plyr - A set of Vue components for the plyr video & audio player.
  • v-playback - A Vue2 plugin to make video play easier.
  • vue-audio-recorder - Audio recorder for Vue.js. It allows to create, play, download and store records on a server
  • vue-video-section - A simple video header/section component for Vue. Good for video backgrounds and overlaying content on them.
  • vue-waveform -It is use canvas waveform audio player wavesurfer component contains timeline bar line for Vue 2.x
  • vue-responsive-video-background-player - Play your own videos in background responsively in different resolutions.
  • vue-h5-audio-controls - A simple h5 music controller for Vue.
  • xns-audio-player-simple - A light and customizable Vue 2.x audio player powered HTMLAudioElement.
  • vue-core-video-player - A Lightweight Video Player For Vue.js
  • vue-player - A simple html5 video player with img placeholder for Vue 2.x.
  • vue-audio-better - Easy to create custom audio player components for Vue 2.x. A progress bar with soul.
  • vue-sounds - Easy to add sounds to your components.
  • vue-soundcloud-player - A custom Soundcloud player supporting single tracks & playlists
  • vue-use-sound - A Vue Hook for playing sound effects.
  • vue-flv-player - An HTML5 Flash Video (FLV) Player component for Vue 2.x, based on flv.js.

Infinite Scroll

Pull-to-refresh

Markdown

  • vue-markdown - A Powerful and Highspeed Markdown Parser for Vue.
  • vue-mavonEditor - A markdown editor based on Vue that supports a variety of personalized features.
  • vue-simple-markdown - A Simple and Highspeed Markdown Parser for Vue.
  • vue-simplemde - A wrapper around simplemde. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.

PDF

  • vue-pdf - A pdf viewer based on mozilla's PDF.js
  • pdfvuer - A PDF viewer for Vue using Mozilla's PDF.js with text support. Demo
  • vue-pdf-embed - PDF embed component for Vue 2 and Vue 3

Tree

  • Vue.D3.tree - A Tree View based on D3.js
  • vue-json-tree-view - A JSON Tree View Component for Vue.js.
  • vue-tree - A Tree Component for Vue.js 2.X.
  • liquor-tree - Amazing Vue Tree component
  • vue-trees-ui - A Tree Ui Base On Vue.
  • Bosket - Collection of tree view components for front-end frameworks (Vue, React, Angular and Riot).
  • plantain-00/tree-component - A reactjs, angular and vuejs tree component.
  • sl-vue-tree - A simple customizable draggable tree component for Vue.js
  • he-tree-vue - A draggable sortable vue tree component, with dragging placeholder, types definition. 14 KB gzipped.
  • vuejs-tree - A highly customizable VueJs tree viewer
  • vue-jstree - A Tree Plugin For Vue2 with beautiful icons and drag&drop
  • vue-vtree - Universal and flexible tree component for Vue.js
  • vue-json-component - JSON tree view with no dependencies, TypeScript support, and easy customization.
  • vue-tree-list - A vue component for tree structure
  • vue-finder - A component to display hierarchical data, with selection, filtering and drag & drop
  • vue3-router-tree - This component is based on Vue.js 3, it represents your routes or items as a tree view 🌲.
  • object-visualizer - Vue 3 JSON inspector with Chrome-like theme.
  • vue-virtual-tree - Tree component for large amount of data, base on Vue3.

Graph

  • vue-pipeline - A easy-to-use component to show beautiful responsive pipeline like jenkins blue ocean plugin.
  • vnodes - General purpose components to create svg interactive graphs, diagrams or node based visual tools.

Social Sharing

  • vue-social-sharing - A renderless Vue.js component for sharing links to social networks, compatible with SSR
  • vue-goodshare - Vue.js component for social share with beautiful button design. Simple install, extensive documentation, developer support, SEO friendly, clean code without scripts tracking user activity on the page, high speed. Work with Vue.js 2.x.
  • vue-socialmedia-share - A Vue.js component for sharing links to social networks, with Vue 2.X
  • vue-picture-sharesheet - A Vue Picture Sharesheet Component heavily inspired by the Image Sharesheet in Apple's Newsroom
  • vue-twitter - A Vue.js component for embed twitter widgets (e.g timeline, buttons)
  • vue-share-buttons - Vue.js component for placing buttons in your project using which you can share anything
  • vue-share-it - A Vue.js component for sharing links to social networks
  • vuesocial - 🧞‍♀️🧞‍♂️ One easy-to-use button component for Vue.js with 65+ social networks.
  • vue-socials - 💬 Social media share buttons and counts for Vue.js.

QR Code

  • vue-qriously - A Vue.js 2 component to draw QR codes on an HTML Canvas using qrious.
  • vue-qart - The directive of vue 2.x for qart.js.
  • vue-qrcode-reader - A Vue.js 2 component which detects and decodes QR codes from a camera stream.
  • vue3-qr-reader - A Vue 3 QR reader component. Refactor vue-qrcode-reader for vue 3 compatibility.

Search

Miscellaneous

  • vue-avatar - An avatar component for vue.js.
  • vue-touch-ripple - Touch ripple component for Vue.js(1.x ~ 2.x).
  • vue-typer - Vue component that simulates a user typing, selecting, and erasing text.
  • vue-keyboard - Vue 2 virtual keyboard component.
  • vue-twentytwenty - Image comparison component, works with Vue.js 2.x
  • vue-cookie-law - Cookie info plugin for Vue.js 2.x
  • vue-gravatar - A dead-simple gravatar component for Vue.js 2.x
  • vue-clipboard2 - An easy to use clipboard.js binding for Vue.js 2.x
  • vue-flashcard - FLashcard component with animation for Vue.js 2.x 💡
  • vue-truncate-collapsed - A simple component that truncates your text and adds a 'Read More/Show Less' clickable for Vue.js 2.x
  • vue-kanban - A flexible drag and drop kanban board component
  • vue-letter-avatar - A simple and elegant letter avatar component for vue.js
  • vue-highlightjs - Syntax highlighting with highlight.js
  • v-clipboard - Simple, tiny and easy to use directive to save your models to clipboard (less than 2kb minified, no dependencies)
  • vue-invisible-recaptcha - Super easy integration for Google's Invisible reCAPTCHA
  • vue-embed - Embed component is based on embed.js for Vue 2.x, a component that embeds emojis, media, maps, tweets, gists, code, services and markdown.
  • vue-particles - Vue.js component for particles backgrounds
  • vue-uniq-ids - Vue.js 2.x plugin that helps to use id-related attributes with no side-effect
  • vue-multivue - Use multiple vue apps of the same class on the same page.
  • vue-affix - A Vue.js 2.x plugin that affixes an element in the window while you scroll, similar to Bootstrap Affix but much simpler and smarter
  • X-Browser-Update-Vue - A Vue.js browser-update plugin.
  • vue-query-builder - A UI component for building complex queries with nested conditionals.
  • vue-info-card - A simple and beautiful card component with an elegant spark line and CSS3 flip animation.
  • v-offline - Simple, tiny and easy to use detection of offline & online events for your Vue app (less than 390b minified)
  • vue-word-cloud - A word cloud generator.
  • vue-flat-surface-shader - A Vue component for flat surface shader
  • vue-easteregg - Easey add an easteregg to your vue app (default with konami code)
  • vue-barcode-scanner
  • vue-heatmapjs - A Vue directive for tracking and visualising mouse activity
  • vue-maze - An itty-bitty maze game made as Vue.js component
  • vue-drag-verify - This is a vue component, which is sliding to unlock for login or sign up.
  • vue-balloon - Vue components for creating fixed, zoomable containers in the corner of a page. Similar to the mail composition wrapper used in gmail.
  • vue-sticker - Sticker effect to any directions
  • v-rating - ⭐️ Rating component in Semantic-UI made with VueJS (< 500B gzipped, blazing fast)
  • vue-content-placeholders - Composable components for rendering fake (progressive) content like facebook in vue
  • vue-page-designer - Vue component for drag-and-drop to design and build mobile website.
  • vue-creativecommons - CreativeCommons.org Vue.js components library.
  • vue-status-indicator - A Vue.js component to show status indicator as colored dots.
  • vue-google-adsense - Vue.js Google Adsense Component with InFeed and InArticle Ads support
  • emoji-vue - Emoji 😎👌🏻 dropdown for Vue.js project
  • vue-chessboard - Chessboard vue component to load positions, create positions and see threats.
  • vue-mindmap - Vue component for mindnode maps.
  • v-currency - Vue component for formatting currency.
  • vue-emoji-picker - Highly customizable unicode emoji picker 🔥🚀
  • vue-8-puzzle - An itty-bitty slide puzzle game made as Vue.js component
  • vue-e164 - Customizable phone formatter with E.164 standart support
  • vue-pgn - Vue.js component for viewing chess games in pgn format
  • vue-avatar-editor - Resize, rotate and crop your uploaded avatar using a clear user interface.
  • vue-connection-listener - Vue event bus plugin listening for online/offline changes.
  • vue-sauce - "View source" directive for Vue.
  • vue-prom - Vue promise wrapper component.
  • numeric-keyboard - Numeric keyboard for mobile browsers.
  • vue-zoom-on-hover - Image zoom on mouse hover
  • vue-responsive-image - A Vue component that lets you quickly create responsive image tags with an optimal number of image sources for all devices.
  • vue-highlight-text - Vue component for highlight multiple instances of a word
  • vue-cast-props - Provides a convenient way of converting props to common data types.
  • vue2-heropatterns - A Vue2 implementation allowing you to add the popular Hero Patterns onto any Div
  • vue-link - One component to link them all 🔗 (treat external and internal links same)
  • vue-identify-network - ⚡️Identify what kinda internet your users are using!
  • vue-cloneya - A vue component to clone DOM elements
  • vue-survey-builder - Survey builder for vue.js applications
  • vue-if-bot - A lightweight component to hide/show content to clients based on the user agent
  • vue-clampy - Vue.js (2+) directive that clamps the content of an element by adding an ellipsis to it if the content inside is too long.
  • vue-cookie-accept-decline - Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an event with current selection on creation. Good for GDPR requirements.
  • @lossendae/vue-avatar - An avatar component for VueJS 2.0.
  • vue-text-highlight - Text highlighter library for Vue.js 💄
  • vue2-hammer Hammer.js wrapper for Vue 2.x to support mobile touch..
  • vue-countable - Vue binding for countable.js. Provides real-time paragraph, sentence, word, and character counting.
  • v-show-slide - A Vue.js directive for animating an element to and from height: auto in a sliding motion.
  • vue-swipe-actions - iOS style swipe actions for Vue.js
  • vue-friendly-iframe - A Vue js component for creating super fast loading, non-blocking iframes.
  • vue-beautiful-chat - A simple and beautiful Vue chat component backend agnostic, fully customizable and extendable.
  • vue-magnifier - A simple image zooming / magnifying component for Vue.js 2.x.
  • vue-highlight-words - Vue component to highlight words within a larger body of text. Ported from react-highlight-words
  • vue-tags-ball - Create a beautiful and spherical tag with this plugin
  • vue-rippler - Simple Vue.js plugin for custom ripple effect
  • vue-contacts - Mobile contacts component for Vue
  • basic-vue-chat - Easy to use Vue.js chat
  • vue-resize-text - A vue directive which automatically resize font size based on element width.
  • vue-github-profile - A vue component to view the profile and repos of determined user
  • vue-niege - 🎄 🎅 Single File Vue component to add a snow storm through a canvas.
  • vue-dynamic-star-rating - A highly dynamic vue stars rating component, like google play rating ⭐️ ⭐️ ⭐️ ⭐️ ⭐️
  • vue-katex - Simple plugin for math typsetting using KaTeX in Vue.js
  • vue-baberrage - A simple Barrage plugin Base on Vue.js😎
  • vue-terminal-ui - 🖥Terminal UI emulator Vue: custom and basic commands
  • vue-command - A fully working Vue.js terminal emulator
  • vue-ribbon - Vue component for GitHub ribbons
  • avatio-avatar - Vue component for illustrated avatars - used by Avatio
  • vue-jazzicon - A dead-simple Jazzicon component for Vue.
  • vue-star-rating - A simple, highly customisable star rating component ⭐️ ⭐️ ⭐️
  • vue-fixed-header - Simple and cross-browser friendly fixed header component for Vue.js written by TypeScript.
  • vue-particle-effect-buttonsA bursting particles effects buttons component.
  • vue-insomnia - Prevent display screen from sleeping (wake lock).
  • vue-car-plate-keyboard - A car license plate number keyboard for VueJS 2.x.(车牌号输入键盘，支持新能源车牌 🚗🚗🚗)
  • vue-dataflow-editor - Vue2 dataflow graph editor
  • vue-twemoji-picker - A fast plug-n-play Twemoji Picker (+textarea for Twemoji rendering) for Vue.
  • vuejs-avataaars - Simple avatar generator Vue component for avataaars.
  • vue-moveable - A Vue Component that creates Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable and more.
  • vue-camera-gestures - Let users control your Vue app using AI and gestures in front of their camera in just 1 line in your HTML template!
  • vue-aspect-ratio - A tiny component to handle aspect ratios with no effort.
  • query-builder-vue - A query-builder library for building complex and nested queries with draggable re-ordering.
  • vue-meeting-selector - A meeting selector inspired by doctolib, fast and fully custom made with Typescript.
  • cool-emoji-picker - A fast plug-n-play [Tw]emoji Picker (+textarea for Twemoji rendering) component for Vue.
  • vue-web-cam - Webcam component for VueJs.
  • vue-cursor-fx - An animated custom cursor effects for interactive elements like navigation, galleries and carousels.
  • vuetimeline - One easy-to-use component to build beautiful responsive timelines.
  • v-emoji-picker - 🌟 A Lightweight and customizable package of Emoji Picker in Vue using emojis natives (unicode).
  • learnawesome-flashcard - Deck of flashcards with spaced-repetition via localStorage 💡
  • vue-portfolio-viewer - Scroll animated portfolio viewer component for vue js 💡
  • vue-text-middle-ellipsis - A simple vue-directive(2+) that clamps the content in the middle of the element if the content inside is too long.
  • vuesence-book - Documentation/help system component.
  • vue-turnjs - A component libary to add book experience to your app.
  • vuesence-sliding-header - Sliding header(s) for top navigation bar(s).
  • tsParticles - A lightweight Javascript library to easily create highly configurable and interactive particle animations
  • @bananajs/vue3-book-component - Book component for Vue 3. It provides easy, flexible API and great customizability.
  • @bananajs/vue2-book-component - Book component for Vue 2. It provides easy, flexible API and great customizability.
  • vue-image-zoomer - image zoom component for Vue.js 2, that also works on touch devices.
  • vue-show-more-text - Vue multiline sentence ellipsis component. The text in the component will be truncated.
  • vue-copy-to-clipboard - Vue.js 3 plugin to copy text to clipboard (Vue 3)
  • vue-advanced-chat - Feature-rich and fully customisable chat rooms component. Support files, images, videos, audio, emojis, customised actions, etc.
  • vue-visual-filter - 🕵️‍♂️ An unopinionated advanced visual filtering component for Vue 2 and 3.
  • vue-easter-egg-trigger - This packages makes it nice and easy to add Easter Egg triggers to your Vue site.

Tabs

  • vue-tabs - Simple tabs and pills.
  • vue-swipe-tabs - A touch swipe tab component for vue.js(vue2).
  • vue-tabs-component - An easy way to display tabs with Vue.
  • vue-k-tabs - A simple tabs components with Gitlab design.
  • vue-tabs-with-active-line - Simple Vue 2 component, that allows you to make tabs with moving bottom line
  • vue-tabs-chrome - A Vue component for Chrome-like tabs.
  • vue-tiny-tabs - A minimalistic tabs component as tinytabs Vuejs wrapper (size < 3.1kb)
  • vue-lumino - A component to use Vue.js with Jupyter Lumino (PhosphorJS), integrating DOM & VDOM through event listeners and Vue reactivity system.
  • vue-router-tab - Vue.js tab components, based on Vue Router.
  • vue3-tabs - A touch swipe tabs component for vue 3
  • vue3-tabs-chrome - A Vue3 component for Chrome-like tabs.

Form

Let the user create & edit data

Phone Number Input Formatter
Pincode Input
Picker
Generator
  • FormSchema Native - Generate a form using JSON Schema and Vue.js
  • vue-generator - Initial router and components for the Vue project.
  • vue-form-json - Generate a vue form with validation and bulma style, from json
  • form-create - Form builder with dynamic rendering, data collection, validation, and submission capabilities, supporting json data
  • element-form-builder - Build element-ui forms with JSON Schema.
  • ncform - a very nice configuration generation way to develop form
  • Laraform - Advanced form builder for Vue.js with Laravel support
  • vue-ele-form - Vue DataForm, based on element-ui
  • vue-otp-2 - Vue OTP input 2, A Vue component for OTP input
  • vue-form-generator A schema-based form generator component for Vue.js.
  • vue-form-builder - Build powerful vue form with JSON schema and composition api, popular ui frameworks such as Element UI, View UI, Ant Design Vue are supported. Online Demo
  • vue-dynamic-inputs - Create dynamic forms with buefy from json Online Demo
  • Vue Flow Form - Create conversational conditional-logic forms with Vue.js. Online Demo
  • vue-dd-form - 📋 Build forms only by describing data nodes - without programming! Online Demo
Date Picker

Date / datetime / time Picker

  • vue-datepicker - [unmaintained] Calendar and datepicker component with material design for Vue.js.
  • vue2-timepicker - A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support. 🕖 (Back and recharged in 2019 🔋)
  • vuejs-datepicker - A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations.
  • vuedt - Crazy lightweight (<5kb!) Vuejs Date and Time picker component with i18n support, nice animations and not too much fuzz.
  • vue-flatpickr-component Vue.js component for flatpickr datetime picker
  • vue-jalaali-datepicker - Jalaali calendar and datepicker for vue.js 2.
  • vue-date-picker - A vue date picker component inspired by material design
  • vue-monthly-picker - Vue.js component for month and year picker only
  • vue-hotel-datepicker - A responsive date range picker that displays the number of nights selected, allows custom check-in/check-out rules, blocking dates, localization support and more.
  • vue2-persian-datepicker - An awesome Persian datepicker component for vue. کامپوننت انتخاب تاریخ برای ویو.
  • vue-datetime - Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.
  • vue-rangedate-picker - Range date picker with simple usage
  • v2-datepicker - A simple datepicker component based Vue 2.x.
  • vue-datepicker-local - A Beautiful Datepicker Component For Vue2.
  • vue-airbnb-style-datepicker - A Vue datepicker with a similar look and functionality as the popular AirBnb datepicker. Lightweight, configurable and good browser support!
  • vue-persian-datetime-picker Persian material datepicker. Supports datetime, date, time, year, month.
  • VCalendar Very customizable and powerful calendar/datepicker component with many features and good documentation.
  • @owumaro/vue-date-range-picker - A vue component using Bootstrap 4 styles for date range selection
  • vue-datepicker-mobile - A mobile friendly datepicker for vue2. 🇨🇳 select one day or range of date and custom it that you wish.
  • vue-draggable-cal - Not your ordinary datepicker. A Vuejs draggable date selector with a fresh responsive design, mobile ready and 0 dependencies, 17kb gzipped.
  • vue-vanilla-datetime-picker - Datetime picker for Vue.
  • vue2-daterange-picker - Vue2 date range picker based on bootstrap-daterangepicker (no jQuery dependency)
  • vue-timeselector - Fully and simply customizable powerful time picker component for Vue.js.
  • vue-date-picker - Lightweight datepicker component for Vue 2.x.
  • vue-ctk-date-time-picker - A beautiful VueJS component to pick date & time (with range mode) 🆕
  • simple-vue2-datetimepicker - A simple, easy to use vue.js component for date and time picking. 🆕
  • vue-business-hours - Vue component for selecting business hours in an administration panel or dashboard.
  • material-vue-daterange-picker - a daterange picker of Material Design style for Vuejs 2.x, which is compatible with vuetify and friendly for mobile.
  • vue-datepicker - A clean & responsive datepicker with Material Design style for Vuejs 2.x. (date/month/quarter && date range picker) 🆕
  • @alireza-ab/vue-persian-datepicker - A datepicker component for select persian date. (single and range selection, select date and time, select with keyboard, customizable style, localization)
  • vue-easy-range-date-picker - A simple and easy VueJS (2.x) component for date range selection
Select
  • vue-select - A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery.
  • vue-multiselect - Universal select/multiselect/tagging component for Vue.js.
  • stf-vue-select - most flexible and customized select Vue2
  • vue-select-image - Vue 2 Component for selecting image from list
  • @riophae/vue-treeselect - A multi-select component with nested options support for Vue.js.
  • @k186/pd-select - A mobile UI component like IOS picker for Vue 2.x,can be wheel pick what ever you defined.
  • vue-dropdowns - A minimalistic and adaptable way to display select boxes if using objects for vue2.x
  • v-cascade - A lovely component of cascade selector with Vue 2.x (Support both of PC and Mobile)
  • vue-multi-select - A custom component to make select/multiselect for Vue2.
  • v-region - A simple region selector, provide Chinese administrative division data.
  • v-selectpage - A powerful selector for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server-side resources supports.
  • vue-cool-select - Bootstrap / Material Design theme, support slots, autocomplete, events, validation and more.
  • @myena/advanced-select - Single/Multiple Select component with search, controls for (de)select all and a Bootstrap 3 theme
  • @alfsnd/vue-bootstrap-select - Vue version of bootstrap-select.
  • @SamuelTrottier/vue-wheel-select - A simple scrolling select component.
  • vue-search-select - Searchable select components and semantic-ui's dropdown compatible.
  • vue-gridmultiselect - Simple multi-select component with items displayed in a table like UI
  • vue-select-sides - A component for Vue.js to select double-sided data (2-sides).
  • vue-selectize - A Vue.js component wrapper around Selectize.js, a vanilla js select component
  • @vueform/multiselect - Vue 3 multiselect component with single select, multiselect and tagging options.
Slider
Drag and Drop
  • vuedraggable - Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js.
  • vue-dragula - Drag and drop so simple it hurts.
  • vue2-dragula - A vue-dragula fork for Vue2, with a lot of improvements.
  • awe-dnd - A sortable list directive with Vue.
  • vue-draggable-resizable - Vue2 component for draggable and resizable elements.
  • vddl - Vue components for modifying lists with the HTML5 drag & drop API, supports VueJs versions 1 and 2.
  • vue-drag-drop - A minimal and lightweight wrapper for the HTML5 Drag and Drop API.
  • vue-swing - A swipeable cards interface, as seen in apps like Jelly and Tinder.
  • vue-slicksort - A dependency-free set of mixins for animated, touch-friendly, sortable lists
  • draggable-vue-directive - A simple directive to handle drag and drop of any Vue component.
  • vue-smooth-dnd - Vue wrappers of smooth-dnd library. drag and drop, sortable library covering for many cases.
  • vue-drag-resize - A dependency-free Vue component for draggable and resizable elements with aspect ratio, reactive props etc
  • vue-drag-it-dude - Vue2 component, that allows you to drag object wherever you want.
  • vue-draggable - Vue Drag and Drop library without any dependency. Simple and easy to use.
  • vue-nestable - A simple drag & drop hierarchical list made as a vue component.
  • vue-tinder - Have your own Tinder and TanTan.
  • vue-card-swipe - A touch slider for vue.js, support sliding in any direction to switch cards, compatible with PC and mobile.
  • vue-drag-n-drop - A simple kanban board where the items can be dragged and dropped from the list on to the board.
  • vue-card-stack - Stackable, swipeable, tweakable Vue card component.
Autocomplete

Autosuggest / autocomplete / typeahead

  • vue-instant - Vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications.
  • v-autocomplete - Autocomplete component for Vue.js
  • vue-auto-complete - Autocomplete for Vue2. Works with objects or api calls.
  • vue-autosuggest - WAI-ARIA complete Autosuggest component with full customization over rendering and styling.
  • v-autosuggest - A simple modular Vuejs component that autosuggest input from a dynamic or static data querying.
  • autocomplete - Simple Autocomplete component for Vue.js 2.*
  • vue-infinite-autocomplete - Vue infinite-autocomplete wrapper for Vue.js 2.*
  • vue-simple-suggest - Simple yet feature-rich autocomplete component for Vue.js
  • v-suggest - A Vue2 plugin for input content suggestions, support keyboard to quick pick.
  • vue-bootstrap-typeahead - An typeahead/autocomplete component for Vue2 using Bootstrap 4 CSS.
  • vue-email-dropdown - An autocomplete for custom email domains.
  • vue-combo-blocks - Small, accessible, customizable and "renderless" autocomplete component for Vue.
Type Select

Let the user select a tag / something while typing

  • vue-input-tag - Vue.js 2.0 Input Tag Component.
  • v-distpicker A flexible, highly available district picker for picking provinces, cities and districts of China for Vue.js 2.x.
  • vue-img-inputer A graceful, highly customizable img type input for Vue 2
  • vue-img-preview An image input preview component in vue 2
  • v-image 📷 Tiny little component for input type=file (< 1kb, gzipped)
  • @voerro/vue-tagsinput A simple tags input Vue.js 2 component with typeahead/autocomplete
  • vue-tag-selector - Tag-like input. Light, customizable and handles REGEX validation!
  • vue-input-text-to-tags - A input component that can create tags for the result display
Color Picker
  • vue-color - Vue Color Pickers for Sketch, Photoshop, Chrome & more.
  • vue-swatches - Help the user picking beautiful colors!
  • radial-color-picker - Minimalistic color picker with a focus on size, accessibility and performance.
  • vue-color-picker-board - Vue Color Picker component designed for humans!
  • verte - A Complete Vue.js Color Picker Component.
Switch

Switch / on/off toggle / checkbox

  • vue-switches - An on/off switch component for Vue.js with theme support.
  • vue-js-toggle-button - Vue.js 2.0+ toggle / switch button - simple, pretty, customizable.
  • vue-checkbox-radio - A Vue component to easily styling checkbox and radio inputs.
  • vue-enhanced-check - Vue component to redesign/labelize checkbox/radio, including toggle/switch button.
  • pretty-checkbox-vue - Implementation of pretty checkbox 3(A pure CSS library to beautify checkbox and radio buttons) components for Vue.js 2.2+.
  • vue2-collapse - Vue Collapse is a flexible content toggling plugin for the accordion lists or any other conditional content rendering.
  • vue-badger-accordion - A wrapping Component for Badger Accordion for Vue.js 2.0+
  • vue-loading-checkbox - A highly customizable Vue.js checkbox UI component with loading state
  • vue-rocker-switch - A customizable rocker switch component for Vue.js.
  • vue-toggle-btn - A Highly Customizable, easy-to-use elegant toggle/switch button component
  • vue-tristate-checkbox - Cycling tristate checkbox that supports form submission
  • vue-toggles - A highly customizable and accessible toggle component
  • @vueform/toggle - Vue 3 toggle component with labels, custom slots and styling options.
Masked Input
  • vue-masked-input - Masked input component for Vue.js.
  • vue-text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript.
  • vue-ip-input - An ip input implemented by vuejs.
  • vue-numeric - Input field component to display currency value based on Vue.
  • awesome-mask - Mask directive based on a pure and simply VanillaJS implementation
  • v-money - Tiny (<2k gzipped) input/directive mask for currency
  • vue-autonumeric - A Vue.js component that wraps the awesome AutoNumeric input formatter library
  • vue-inputmask - Vue.js directive to add Robin Herbots' inputmask library to your inputs (vanilla javascript).
  • vue-input-number - A custom input number component for Vue.js 2.
  • v-unicode - Vue directive to restrict an input by unicode values.
  • vue-cleave-component - Vue.js component for cleave.js
  • vue-ip - An ip address input with port and material design support
  • vue-r-mask - Directive with template similar to javascript regular expression.
  • vue-input-code - Base on Vue.js 2.0+ verification code input component.
  • label-edit - Inspired by Trello. Click to show editable input and return the value changes. This is a Vue Component.
  • vue-jquery-mask - Vue.js v2.x component for jQuery Mask Plugin
  • vue-currency-input - Easy input of currency formatted numbers for Vue.js.
  • vue-restricted-input - Input mask library for vue.js based on restricted-input
  • vue-input-facade - A lightweight and dependency free input masking library created specific for Vue, originally a fork of the famous vue-text-mask but activelly mantained and with lots of improvements after there.
Rich Text Editing
Image Manipulation

Edit images

Display images

  • vue-cloudinary - A vue (2.0) plugin that offers a reusable directive to get images from Cloudinary (https://cloudinary.com) with dynamic manipulation (resizing/cropping/effects/watermarking/scaling/formatting) and optimization (webp/png/auto quality/auto retina).
  • img-Vuer - An Mobile-First image viewer/gallery for Vue2
  • vue-image-loader - A vue loader/progressive image plugin like Medium.
  • vue-load-image - display loader during image loading, as well as by display alternate content when the image fails to load.
  • vue-image-painter - 🙋 Image magic animation drawing effect component for Vue 2.x.
  • vue-cosha - 🎨 An easy to use vue directive that places a colourful shadow behind any image
  • vue-image-kit - Vue.js Image Kit Component with Lazy Load built in and Responsive Images.
Video Manipulation
  • vue-playlist - A lightweight vue (2.0) component with no dependancies that offers truly seamless html5 video playback. The one and only working solution for seamless video play done with vanilla JS. It takes an array of videos and stitches them together into a single video.
File Upload
  • vue-clip - Simple and hackable file uploader for VueJs. Supports Vue >= 2.1.
  • vue-simple-upload - Simple File upload component for Vue.js.
  • vue2-multi-uploader - A drag and drop multiple file uploader component that uses Vue.js v2 and Axios. Uploader shows file names, sizes and total size of files added. It also allows setting a minimum required number of files to upload.
  • vue-dropzone - A Vue.js (vue2) component for Dropzone.js - a drag’n’drop file uploads utility with image previews.
  • vue-transmit - A purely Vue.js drag & drop uploader component based on Dropzone.js for Vue 2.0
  • vue-upload-component - Vue upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory. Supports Vue >= 2.0
  • vue-uploader - A Vue.js upload component powered by simple-uploader.js
  • ic-firebase-uploader - A clean multi-file upload component for Firebase storage.
  • vuejs-uploader - A resumable multipart file uploader for HUGE file uploads.
  • vue-filepond - A Vue.js component for FilePond - a file upload library that can upload anything you throw at it.
  • v-uploader - A Vue2 plugin to make files upload simple and easier, you can drag files or select file in dialog to upload
  • vue-file-agent - Full-featured drag & drop enabled Vue file upload component with previews and upload progress
  • vue-cloudinary-uploader - A cloudinary image cropper and uploader component for VueJs
Context Menu
Miscellaneous
  • vue-gmaps - Search places and address using Google Maps API.
  • vuep - A component for rendering Vue components with live editor and preview.
  • vue-places - Places component is based on places.js for Vue 2.x. Turn any input into an address autocomplete.
  • vue-password-strength-meter - Password strength meter based on zxcvbn in vue.js.
  • vue-float-label - Float label pattern for Vue.js.
  • vue-longpress - A VueJS (2.x) button component that requires you to keep pressing to confirm a given action.
  • vue-google-autocomplete - A Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-default-value - Vue.js 2.x directive to set a default value for editable elements with no affect to the model state
  • vue-model-autoset - A Vue.js plugin to workaround Vue limitation in observing dynamically added properties with v-model directive
  • vue-submit - Simple implementation of Ladda (1, 2) in less than 90 lines of code with no dependencies.
  • vue-rate - Rate component for Vue
  • vuetify-google-autocomplete - A Vuetify ready Vue.js (2.x) autosuggest component for the Google Maps Places API.
  • vue-ripple-directive - Material Ripple Effect as Vue Directive.
  • vue-fab - Vue Floating Action Button.
  • vue-complexify - Vuejs porting library from jquery.complexify.js.
  • vue-mc - Models and Collections for Vue.js
  • vue-stars - Highly customizable rating control (using stars or other characters)
  • vue-confirmation-button - Customizable confirmation button that requires users to read messages before performing an action
  • vue-poll - A Vue.js component for voting
  • vue-diagrams - Diagram component for vue.js, inspired by react-diagrams
  • vue-easy-polls - A Vue.js component for creating polls, voting and showing results. It’s easy to implement and easy to customize.
  • vue-m-button - A beautiful button component for vue.
  • vue-long-click - Long click (long press) directive library for vue, support mobile and desktop.
  • vue-ui-predicate - A rules editor, generic filtering UI, predicates component for Vue JS.
  • vue-mobile-detection - Vue.js prototype function this.$isMobile() that returns a Boolean value depending on whether or not the user is browsing with a mobile.
  • vue-input-contenteditable - A Vue component wrapper for contenteditable with all the features you normally expect. Make beautiful inputs without the restrictions of input[type='text'].
  • @utlime/vue-zoom - A Vue zoom component.
  • vue-credit-card - A Vue Component for Credit Card Input & Masking & Preview
  • vue-simple-password-meter - Lightweight password strength meter with no dependency
  • vue-autosizer - A light replacement for built-in <textarea> and <input> elements allowing them to automatically stretch to fit the content.
  • vue-interactive-paycard - A fantastic credit card form with smooth and sweet micro-interactions.
  • vue-paycard - Credit card component made with Vue.js.
  • vue-list-picker - Just a simple list picker component made with Vue.js.
  • vue-diagram-editor - Highly customizable diagram editor with slot-based nodes (vue^2.6)
Wizard
  • vue-form-wizard - Tab based component which can replace classic bootstrap & jQuery form wizards
  • vue-stepper - A simple stepper with simple actions such as next, back and end to perform simple forms.
  • vue-stepper-component - A fully customizable Stepper component with Vuex support and Zero dependencies.
CSV
  • vuecsv - A Simple CSV Downloader from json with option modal panel component.
Comment System
  • vue-comment-grid - 💬 Responsive Vue.js comment system plugin that built with CSS Grid and Firebase REST API + Authentication.
  • fastcomments-vue - 💬 A Vue component for FastComments, a live commenting system.

Canvas

  • vue-easeljs - Data-driven control over an HTML5 canvas element.
  • vue-canvas-effect - A simple, canvas effect collection for Vue.js.
  • vue-konva - Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.
  • vue-html2canvas - Vue mixin to capture html and convert it to an image using Html2Canvas.
  • vue-canvas-nest - A Vue.js component for canvas-nest.
  • vue-signature-pad - 🖋 A Vue Signature Pad Component
  • vg-editor - A visual graph editor based on G6 and Vue, inspired by GGEditor
  • vue-pencil.js - Build reactive 2D graphics scene in your Vue project.
  • vue-scratchable - A Vue.js wrapper component that turns everything into fun scratch cards.
  • vue-rough - Components for Rough.js, a graphics library that lets you draw in a sketchy, hand-drawn-like, style.
  • vue3-signature - A electronic signature component for Vue 3
  • vue-signature - A electronic signature component for Vue2.x

Link Preview

  • link-prevue - Flexible component for generate a link preview.

Tour

  • vue-tour - Lightweight and customizable tour plugin
  • vue-page-guide - Page tour / guide plugin with directive

Data Masking

UI Layout

Layout for the overall / main view

  • vue-waterfall - A waterfall layout component for Vue.js.
  • vueisotope - Vue component for isotope filter & sort magical layouts.
  • vue-grid-layout - A draggable and resizable grid layout, for Vue.js.
  • vue-drag-zone - Drag Zone component for Vue.js(2.x).
  • vue-masonry - Vue.js directive for masonry blocks layouting.
  • vue-fraction-grid - Flexbox based responsive fraction grid system for Vue.js.
  • vue-virtual-scroll-list - A vue (2.x) component support big data by using virtual scroll list.
  • vue-virtual-scroller - Component to scroll a large amount of elements efficiently (Vue 2.x).
  • vue-virtualscroll - [Vue 2.x] component to virtual scroll things.
  • vue-inview - [Vue 2.x] Viewport, get notification when DOM element is entered or leave.
  • dnd-grid - A vuejs grid with draggable and resizable boxes
  • vue-extend-layout - Extend the default layout or create custom layouts for the pages of your Vue.js SPA
  • vue-masonry-css - Vue.js Masonry layout component powered by CSS, dependency free.
  • vue-fullpage.js - Official fullPage.js component for Vue.js.
  • vue-virtual-collection - Vue component for efficiently rendering large collection data.
  • autoresponsive-vue - Auto responsive grid layout library for Vue.
  • VueFlex - A flexbox grid system.
  • v-chacheli - A Vue.js component to create and display custom dashboard-like grid layouts.
  • vue-grid-styled - A lightweight set of functional grid components, ported from React's grid-styled
  • simple-grid - Vue component for grid layout,support flex.
  • vue-container-component - Simple container component inspired on Bootstrap Container
  • vue-colcade - A small wrapper for integrating Colcade grid layout to Vuejs.
  • vue-ads-layout - A small library of Vue components to quickly generate a responsive web application layout with toolbar, left/right drawers and a footer. All components can be positioned fixed or relative.
  • vue-magic-grid - A tiny port of Magic Grid for Vue.js 2.
  • vue-splitter-pane - A Vuejs component which renders two slots in a adjustable split arrangement (vetical or horizontal).
  • splitpanes - A Vue JS reliable, simple and touch-ready panes splitter / resizer.
  • vue-mock-layout - Easily mock the layout of your Vue apps.
  • vue-simple-drawer - A tiny drawer panel with bounced animation, nest supported and theme customized. directions: left/right/up/down
  • vue-grd - Simple, Light-weight and Flexible Vue.js component for grid layout.
  • vue-masonry-component - A Vue.js component wrapping masonry layout library.
  • vue-smart-widget - Smart widget is a flexible and extensible content container component for Vue.js 2.x.
  • vue-colrow - Responsive grid layout components: Row, Col. Based on css flexbox. Support SSR, fixed or fraction width, auto grow Col.
  • vue-diagonal - Simple and light-weight component to create diagonal elements.
  • vue-responsive-dash - A Responsive, Draggable & Resizable Dashboard (grid) made with vue and typescript.
  • vue-masonry-wall - A pure vue responsive masonry layout without direct dom manipulation, ssr friendly and lazy loading.
  • vue-horizontal-list - A pure vue responsive horizontal list layout with ssr support, mobile and touch friendly.
  • vue-layout-system - Vue components that solve daily layout problems.

Frameworks

Responsive

Set of components + responsive layout system

  • quasar-framework - Quasar Framework. Build responsive websites, hybrid mobile Apps and Electron apps using same code, with VueJs 2.
  • vue-material - Material design for Vue.js.
  • vuetify - Material Component Framework for Vue.js 2.
  • muse-ui - Material Component library for Vue.js 2.
  • buefy - Components based on Bulma framework.
  • element-ui - A Vue.js 2.0 UI Toolkit for Web.
  • vue-bulma-components - Easily use bulma class syntax with vue components.
  • iview-ui - A Vue.js 2.0 UI Framework for web.
  • AT-UI - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0
  • v-semantic - Implementation of semantic-ui for Vue
  • BootstrapVue - Bootstrap v4 components and grid system for Vue.js.
  • fish-ui - A Vue.js 2.0 UI Toolkit for Web
  • zircle-ui - A frontend library to develop zoomable user interfaces.
  • Material Components Vue - wrapper around material-components-web for Vue.js
  • VueFace - A Vue.js 2.0 UI Component library for Web
  • vuecidity - UI component framework for Vue.js 2.0
  • ant-design-vue - An enterprise-class UI components based on Ant Design and Vue 2.5.0
  • heyui - (https://www.heyui.top/en) - A Vue.js 2.0 UI Toolkit for Web.
  • Carvue.js - IBM's Carbon Design System for Vue.js
  • BalmUI - A modular and customizable UI library based on Material Design and Vue 3.0
  • Osiris UI - 🎨 A Vue.js 2.0 universal responsive UI component library
  • N3-components - Beautiful Web Components built with Vue 2
  • Shards Vue - ✨ Sleek & UI Components Library based on the Bootstrap 4 Framework.
  • Fundamental Vue - Components based on SAP Fiori Fundamentals.
  • Framevuerk - 🚀 Fast, Responsive, Without Dependencies, Both Direction Support and Configurable UI Framework based on Vue.js.
  • @Carbon/vue - Carbon Design System components from the @carbon team.
  • Inkline - Inkline is a modern UI/UX Framework for Vue.js designed for creating flawless responsive web applications.
  • vue-awesome-mui - A Vue.js 2.0 MUI Component for Web
  • MDBootstrap - Powerful UI toolkit based on the latest Bootstrap 4 and Vue 2.6.10, providing a set of slick, responsive page templates, layouts, components and widgets to rapidly build responsive, mobile-first websites and apps.
  • vue-material-adapter - Integration of Material Components for Vue.js which follows the best practices recommended by Google: Using Foundations and Adapters
  • PrimeVue - The Most Complete UI Component Library for Vue
  • CoreUI for Vue.js - CoreUI for Vue.js is a UI Component Library that offers a bunch of cross-browser, responsive, and lightweight Vue.js UI components.
  • DaoStyle - A high quality component library built on Vue.js.
  • Chakra UI Vue - ⚡ A lightweight & customizable component library to help you build accessible Vue applications and sites with speed.
  • vue-canvas - Vue canvas component for vuc-identify
  • oruga - UI components for Vue.js without CSS framework dependency.
  • Wave UI - An emerging UI framework for Vue.js with only the bright side. ☀️
  • vectre - A lightweight, simple and responsive component framework based on Spectre CSS
  • element3 - A Vue.js 3.0 UI Toolkit for Web is based on element-ui
  • superBVue - A Vue 3 UI Components for Web is based on boostrap v5
  • Qui - A Vue 2.x Design System for Web
  • Mijin - Responsive Tailwind CSS UI components, without dependencies
  • vuestic-ui - A Vue.js 3.0 UI customizable UI Framework.
  • Qui-max - A Vue 3.x Design System for Web
  • Naive UI - A Vue 3 Component Library Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow Kinda Interesting

Mobile

UI frameworks for mobile

  • Framework7-Vue - Build full-featured iOS & Android apps using Framework7 & Vue.
  • vux - [Chinese] Vue UI Components based on WeUI.
  • vue-onsenui - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
  • Weex - Weex provides the ability to publish cross platform, so web, Android, and IOS apps can use the same API development functions.
  • weex-eros - [Chinese] Eros is a app solution based on Weex and Vue, which enables you to use API of Vue, simple and quick development of small and medium app.
  • Ionic - Mobile app development framework
  • Native script - Native mobile applications using NativeScript
  • Vue Native - Build cross platform native mobile apps using JavaScript

Set of components for mobile

  • mint-ui - Mobile UI elements for Vue.js.
  • vant - A Vue.js 2.0 Mobile UI From YouZan.
  • cube-ui - A fantastic mobile ui lib implement by Vue.js 2.
  • mand-mobile - A mobile UI toolkit, based on Vue.js 2, designed for financial scenes.
  • NutUI - A Vue.js 2.0 UI Toolkit for Mobile Web

Component Collections

Set of components without layout system

  • vue-mdc - Material Components Web for Vue.js.
  • keen-ui - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
  • vue-admin - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
  • vuikit - UIkit with all the power of Vue.
  • uiv - Bootstrap3 components implemented by Vue2.
  • wffranco/vue-strap - Bootstrap 3 components built with Vue.js 2
  • jsmod-vue-pc - Highly scalable web components for vue 2.0
  • guilhermewaess/SemVue - Semantic-ui Modules implemented with Vue 2
  • office-ui-fabric-vue - Office UI Fabric implementation for Vue.js
  • Semantic UI Vue - Semantic UI integration for Vue
  • vuesax - Frontend vue Components for Vue.js.
  • Essential JS 2 for Vue - Full-featured 45+ Vue.js components which includes Data Grid, Chart, Scheduler and Diagram components etc.
  • Banshee - A mostly renderless Vue UI component and utility framework that ships with no CSS.
  • vue-atlas - A library of beautiful Vue components.
  • DevExtreme Vue Components - 65+ responsive and feature-complete Vue UI components with customizable Material Design and Bootstrap compliant themes.
  • jqwidgets - 70+ Vue.js 2.0 UI Components with Material Design themes.
  • vue-uix - UI collection for web page implementation in Vue.js
  • vuedarkmode - A Minimalist Dark Design System for Vue.js 🎨
  • Kendo UI for Vue – Over 70 UI components, including a Grid, built for business applications. Fully responsive with support for several Design Languages including Material Design and Bootstrap.
  • Vuent - Vue.js components implementing Microsoft Fluent Design
  • bpit/vue - Vue components lib which is focused on effects
  • vue-tailwind - Vue components with customizable classes ready for TailwindCSS, but compatible with any framework.
  • Equal UI - Vue UI kit based on TypeScript 🧬
  • slim-ui - Minimal UI components based on Vue.js
  • Vue Component Development Kit - Unstyled, highly tested and flexible Vue components/mixins/plugins.

Admin Template

Set of admin template

Server-side rendering

  • Nuxt.js - Versatile Vue.js Framework.
  • Ream - A minimalistic framework for building server-rendered and static websites.
  • Universal vue - Vue CLI plugin to create universal Vue applications with ease
  • Factor Platform - An extension-driven VueJS platform (Factor.dev → Docs)
  • Vapper - A Vue-based server-side rendering framework.

Static website generator

  • VuePress - Minimalistic Vue-powered static site generator.
  • Peco - A static website generator for humans. UNMAINTAINED
  • Saber - A static website generator for building blazing fast websites with Vue.js.
  • Gridsome - Build super fast, modern websites with Vue.js
  • Servue - Server-side rendering engine that renders vue files into html strings.

Other

  • app-framework - IOS and Android Apps with HTML & JavaScript - develop, build and deploy - free and open source.
  • Myfirebase - A decoupled Single page application Framework which is highly compatible with google firebase.
  • Vue-Access-Control Frontend access control framework based Vue.js 2.
  • Basys Toolbox for building full-stack Vue.js apps
  • CabloyJS The Ultimate NodeJS Full Stack Business Development Platform, based on KoaJS & EggJS & VueJS & Framework7
  • vue-service-model - Vue.js library for handling REST service requests with caching, aggregation and model definitions.
  • DataFormsJS - A minimal routing and web service framework that uses Vue as a templating engine.
  • V-Craft - A toolset for building extensible page builders with Vue.js.
  • Vue-Low-Code - Low Code toolkit that can generate VUE apps from Quant-UX prototypes
  • Figma-Low-Code - Turns your Figma design into VUE applications.
  • vue-notion - An unofficial Notion renderer – Use Notion as a CMS for Vue (e.g. Nuxt)

UI Utilities

Event Handling

Handling of user events (scroll, click, key strike, ...)

  • vue-shortkey - Vue-ShortKey - plugin for Vue.js.
  • vue-throttle-event - Throttle events based on requestAnimationFrame.
  • vue-waypoint - Waypoint component for Vue, this is the easiest way to trigger a function when you scroll.
  • vue-clickaway - Reusable clickaway directive for reusable Vue.js components.
  • vue-scrollfire - Fires an event on a specific scroll position.
  • vue-resize-directive - Vue directive to detect resize events with deboucing and throttling capacity.
  • v-click-outside - Vue directive to react on clicks outside of an element without stopping the event propagation.
  • vue-outside-events - Vue 2.x directive to help a specified element listen for specific events occurring outside of itself.
  • vue-selectable - Vue 1.x/2.x directive to make items selectable by mouse.
  • vue-click-helper - Vue2.x directive to handle click event and dblclick event on same element.
  • v-hotkey - Vue 2.x directive for binding hotkeys to components.
  • vue-resize - Vue 2.x component to detect DOM elements resizing (event based/no window.onresize)
  • vue-observe-visibility - Vue 2.x directive using Intersection Observer API that detects if the element is visible (in the viewport and not hidden by CSS).
  • v-dragged - Vue 2.x directive plugin for drag event detection.
  • vue-esc - Vue.js directive to add a document event listener on escape keyup.
  • vue-global-events – A component to handle global events (like shortcuts) using Vue’s event modifiers
  • vue-edge-check – Check browser edge to prevent transition effect triggered oddly when swipe edge with vue-router
  • vue-mutation-observer – A simple and tiny directive to observe changes in DOM use MutationObserver API
  • vue-scroll-show – Showing the element if the user reached it after scroll
  • vue-tabevents – Easy communication between other opened tabs
  • vue-visibility-trigger - 👀 Declaratively trigger methods when scrolled into view
  • v-click-outside-x - Vue V2 directive to react on click, touch, pointer or multiple events outside an element.
  • vue-keypress - Global keypress event handler component for Vue.js applications.
  • vue-pseudo-window - 👻 Component to declaratively interface window/document in your Vue template

Responsive Design

  • vue-viewports - Define your custom viewports and use them in your components.
  • vue-responsive: Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3 or self defined breakpoints.
  • vue-match-media - Vue 2.x-compatible plugin that offers a consistent, semantic approach to making components media query-aware.
  • vue-media-query-mixin - Vue 2 media query mixin that can be used in both component js and component template. Compatible with bootstrap and vuetify viewports. wXS returns if screen width is xs, wSM returns true if screen width is sm, etc...
  • vue-breakpoints - Vue 2 minimal components to show and hide elements based on breakpoints. Inspired by Airbnb.
  • vue-mq - Offer some useful tools to quickly setup responsive design with a semantic and mobile-first API (Vue 2.x)
  • VueResizeSensor - A container that supports resize event.
  • vue-breakpoint-component - A render-less component for composing CSS breakpoint state.
  • fine-mq - A fine API to manage media queries in JS with ease and first-class integration with VueJS as a plugin.
  • vue-responsive-components - Create responsive components with ResizeObserver.
  • vue-screen-size - Get easy and reactive access to the width and height of your screen.
  • vue-container-query-2 - Smart vue plugin for working with css container query.
  • vue-component-media-queries - MatchMedia component library for Vue.

Form

  • vue-formly - JavaScript powered forms for Vue.js.
  • vue-focus - A reusable focus directive for reusable Vue.js components.
  • vue-form-generator - A schema-based form generator component for Vue.js.
  • FormSchema Native - Generate a form using JSON Schema and Vue.js
  • ic-formly - Simple form component powered by vue-formly.
  • Form Builder - Json template based form builder, based on Vue and Laravel.
  • vue-autofocus-directive - Vue autofocus directive.
  • vue-awesome-form - A vue.js component just like json-editor
  • vue-form-components - Clean & minimal vue form elements with validation
  • v-ajax-form - vue.js component plug-in to make Form tag compatible with ajax request
  • Vue Formulate - The easiest way to build forms with Vue. Validation, error handling, form generation, comprehensive documentation, and more.
  • Reforms.js - Vue 3 and Bootstrap forms and cards generator. Validation, multiple fields, grouping, schema and more.
Validation
  • vee-validate - Simple Vue.js input validation plugin.
  • vue-rawmodel - RawModel.js plugin for Vue.js v2. Form validation has never been easier.
  • vuelidate - Simple, lightweight model-based validation for Vue.js.
  • simple-vue-validator - A simple yet flexible validator library for vue.js.
  • vue-vform - Vue.js 2 form component that integrates jQuery Validation and Axios.
  • vue-form - Comprehensive form validation for Vue.js.
  • vuelidation - simple, powerful, vuejs validation.
  • laravel-vue-validator - Display errors from laravel validation rules
  • vue-daval - Super vue data validator. Easiness, simplicity, accurate.
  • willvalidate - Validation Forms for Vue.js.
  • vue-isyourpasswordsafe - A small utility written in Vue that checks if the given password has been leaked against the Have I Been Pwned API.
  • vue-form-send - A Vue.js directive for sending data from form and primitive validation
  • FormVuelar - Vue form components with server-side validation in mind
  • vue-final-validate - Vue validation solution from my development experience, support nested, async.
  • vform - A simple way to handle Laravel back-end validation in Vue.
  • vue-form-container - A Provider Component that encapsulate your forms and handle their states and validations.
  • ps-validation - A Vue plugin that provides out-of-the-box data validation rules, very much inspired from Laravel validation system.
  • vue-laravel-errors - A Vue.JS plugin that adds a global mixin which can be used to fill an errors variable from a laravel error response and display it as an object or array, can also be used as a local mixin.
  • vue-input-validator - 🛡️ Highly extensible & customizable input validator for Vue 2
  • @vuito/vue - Simple, lightweight, isomorphic, and template-based validation library.
  • vue-tiny-validate - Tiny (2.5KB minified) Vue Validate Composition.

Resize

  • vue-not-visible - Vue directive for removing from dom (like v-if) element on screen smaller than breakpoints.
  • vue-window-size - Provides reactivity window size properties.
  • vue-responsive-text - ↔ Component that scales its child node in relation to its parent node's width

Scroll

Set window scroll position

  • vue-chat-scroll - Automatic scroll-to-bottom directive for Vue.js 2.0.
  • vue-scrollto - Adds a directive that listens for click events and scrolls to elements.
  • vue-next-level-scroll - A component based and SSR ready approach to smooth scrolling using the modern Scroll behavior API
  • vue-scroll-sync - A component that synchronizes containers’ scroll positions
  • v-scroll-lock - A Vue.js directive for body scroll locking without breaking scrolling of a target element
  • vue2-perfect-scrollbar - PerfectScrollbar minimalistic wrapper
  • vue-scroll-to - Adds a directive that listens for click events and scrolls to elements.
  • vue-scroll-progressbar - A customizable component that indicates the scroll relative position in a progressbar.
  • vue-backtotop - A Back-to-top component for Vue.js, which scroll page to the top when clicked.

Virtual scrollbar

  • VBar - The virtual responsive cross-browser scrollbar component for Vue.js 2x.
  • Vuebar - Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.
  • vue-detached-scrollbar - A simple scrollbar that can be detached from the container it is scrolling.
  • vuescroll - A scrolling plugin based on Vue.js for uniforming the scrolling in PC and mobile.
  • vue-simplebar - Vue.js wrapper for simplebar plugin.
  • smooth-vuebar - Vue directive wrapper for smooth-scrollbar

Detect when components enter viewport

  • vue-scrollview - A component utilizing scoped slots to detect when a vue component enters and leaves the viewport.
  • vue-scrollactive - Adds an active class in a menu item based on the current section in viewport, also scrolling to the section when clicking the menu item.
  • vue-intersect - A Vue component to add intersection-observer to a Vue component or HTML element.
  • vue-scrollmonitor - A Vue plugin to watch visibility state of elements inside viewport with a wide range of browsers supported (use provide/inject so compat vue@2.2.x)
  • vue-stroll - An Awesome CSS3 list scroll effects component for Vue.js 2.x.
  • navscroll-js - Highlights menu items as you scroll, and also scrolls to a section when a menu item clicked. Use as a vue component, a vue directive or with vanilla js.
  • vue-scrollwatch - A light plugin detecting scroll event,customize callback when element enter viewport,expose 'scrollTo' api to scroll to specific element .Using vue directive.
  • vue-check-view - A plugin that checks if element is in viewport. Fast, small, has no dependencies, live demo.
  • vue-stickto - A vue directive that support multiple DOM nodes stick to top automatically
  • vue2-scrollspy - A scrollspy plugin and animated scroll-to.
  • vue-trip-wire - A custom directive for firing functions when an element reaches a designated point in the viewport, with option to import module with globally accessible functions.
  • v-intersect - A Vue directive and component that detect element when it's visible or hidden on viewport
  • vue-scrollama - A Vue component to easily setup scroll-driven interactions (aka scrollytelling).

Customize the scroll behavior

Seamless scrolling

Routing

  • vue-router - The official router for Vue.js.
  • vue-router-storage - Router storage & resolve solution for Vue.js 2 & vue-router 2
  • vue-tidyroutes - Decentralized vue-router routes definitions
  • vue-routisan - Elegant, fluent route definitions for Vue Router, inspired by Laravel.
  • vue-error-page - Provides a wrapper for router-view that allows you to show error pages without changing the URL
  • vue-router-sitemap - Generate sitemap.xml by vue-router configuration
  • vue-smart-route - Smart route directive to make intelligent looking apps with Vue.js.
  • vue-router-lite - A component-based, declarative router for Vue.js 2.
  • vue-route-props - Automatically bind vue-router query to vm, APIs are mostly same as the Vue props.
  • vue-pilot - A Trie-based vue router with the ability of managing history.state.
  • vue-lang-router - Vue.js 2 & 3 language routing with (optional) URL localization.
  • vue-router-compositions - A util package for Vue-Router and Vue Composition API.
  • vue-middleware - Middleware for Vue.

Lazy Load

  • vue-lazyload - A Vue.js plugin for lazyload your Image or Component in your application.
  • vue-lazy-background-images - Lazy load background images for Vue 2.
  • vue-progressive-image - Vue progressive image loading plugin.
  • vue-l-lazyload - A lazyload plugin for Vue.js v2.x+.
  • vue-lazyload-img - Especially optimized for mobile browser. support V2 & v1.
  • vue-lazy-images - A plugin of lazyload images for Vue 2.x.
  • v-lazy-img - Tiny (<0.6kb) directive for progressive image loading for Vue 2.
  • vue-clazy-load - Lightweight transitionable image lazy loading component using IntersecionObserver for Vue 2.
  • vue-lazy-this - Lazyloading component using Intersection Observer API.
  • v2-lazy-list - A simple lazy-load list component based Vue 2.x
  • pimg - A Simple Progressive Image Component used for lazy loading images.
  • vue-tiny-lazyload-img - A small size Vue.js v.2+ directive for lazy loading images
  • vue-lazy-youtube-video - A simple Vue.js component for lazy loading YouTube videos.
  • lazyload-vue- Vue Plugin for vanilla-lazyload.
  • vue-lazy-loading - A vue plugin to better supporting native lazy-loading for image and iframe.
  • v-lazy-component - Vue component render when visible. Uses Intersection Observer API.
  • vue-lazy - Lightweight Image/Picture lazyload based on Intersection API
  • vue3-lazyload - Vue module for lazy-loading images in your vue 3 applications.

Pagination

Animation

  • vue2-animate - A Vue.js 2.0 port of Animate.css. For use with Vue's built-in transitions.
  • animated-vue - A Vue.js 2.x plugin to easily use Animate.css animations as transitions. As easy as <animated-tada>!
  • vue-lottie - A Vue.js 2.x plugin to render after effects animations based on bodymovin
  • Vueg - Make vue-router have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
  • v-animate-css - The easiest to implement Vue 2 directive for Animate.css
  • vue-mixin-tween - Mixin factory that adds tweened values to component context for animations
  • v-odometer - Smoothly transitions numbers with ease. Use this library to give your application a smooth animation, only applicable on numbers.
  • vue2-transitions ✨ Reusable Vue 2 transition components
  • vue-overdrive Super easy magic-move transitions for Vue apps 🎩
  • animated-number-vue Super easy way to animate numbers.
  • vue-typed-js Typed.js integration to easily create typying animations.
  • vue-parent-change-transition Enable a child components to animate when it changes the parent.
  • vue-smooth-reflow Transition an elements reflow in response to data changes.
  • VueTween Allows components to tween their properties.
  • vue-slide-up-down Like jQuery's slideUp / slideDown, but for Vue!
  • vue-animejs Simple anime.js directives for Vue.
  • Eagle.js Eagle.js is a web-based slideshow framework for Vue.js.
  • vue-slide-up-down-component It is a simple interface but realizes very flexible and powerful slide animation, for Vue!
  • femtoTween A minimalistic (zero-dep, less than 1k) tweening library with first-class Vue support
  • vue-sequential-entrance Plugin for creating elegant sequential animation entrances with a list of elements of your page. Zero effort. Simple and lightweight
  • vue-animate-scroll Super lightweight way to add CSS animations to elements as they scroll into view.
  • vue-svg-transition Create 2-state, SVG-powered transitions
  • vue-page-transition Easy route / page transitions for Vue.js
  • Vuenime A flexible Vue wrapper for Animejs
  • vue-flipper - A component to flip children with a nice transition.
  • v-number Animated number transition library for Vue.js
  • vue-kinesis A set of components to create interactive animations
  • vue-digital-transform A vue component for better digital transform animation
  • vue-typical 🐡 Vue Animated typing in ~400 bytes of JavaScript.

Meta Tags

Manage meta information in the document head

  • vue-head - Manage the meta information of the head tag, a simple and easy way.
  • vue-meta - Manage page meta info in Vue 2.0 components. SSR + Streaming supported.
  • vue-headful - Set document <title> and meta tags from within your views.
  • vue-simple-headful - Easily set meta-tags with vue.js - a simpler vue-headful alternative with TypeScript support.

Portal

Move a DOM node to a target DOM node

  • vue-dom-portal - An escape hatch for DOM Elements in Vue.js components.
  • portal-vue - A Vue Plugin to render your component's template anywhere in the DOM (Works on the virtualDOM level, doesn't move nodes within the DOM)

Filters

SVG

  • vue-svgicon - A tool to create svg icon components. (vue 2.x).
  • vue-content-loading - Vue component to easily build (or use presets) SVG loading cards Facebook like.
  • vue-annotator - Annotate page using any SVG Element (rect, polygon, and many more, even HTML Element like canvas if wrapped in foreignObject)
  • vue-svg-sprite - A plugin, component or directive to simply use SVG sprite (vue 3.x, vue 2.x).
  • vue-svg-filler - Vue component for custom your svg file 🖍 🎨 (vue 2.x).
  • vue-inline-svg - Vue component loads an SVG source dynamically and inline <svg> so you can manipulate the style of it with CSS or JS. (vue 2.x, vue 3.x)

Miscellaneous

  • vue-resource-progressbar-interceptor - Interceptor that ties a progressbar to all requests, that it is clear that something is loading.
  • vue-images-loaded - Vue.js 2.0 directive to detect images loading.
  • vue-visible - A v-visible directive for VueJS (2.x), like v-show but for visibility.
  • vue-resize-sensor - Component to detect container resizing (event-based)
  • v-blur - Vue directive to blur an element dynamically
  • vue-async-methods - Helper utilities for promise based methods
  • vue-openseadragon - OpenSeaDragon component for Vue.js (zoom and pan)
  • vue-match-heights - Directive to set heights of elements to be the same.
  • vue-conditional-attrs - A Vue.js component for conditional rendering attributes and directives
  • vue-cbsc - A Vue.js 2.x component for programmatically blender, shader and convert colors.
  • vue-spatialnavigation - Vue directive (Vue.js 2.x) for spatial navigation (keyboard navigation)
  • vue-lifecycle - A Vue.js lifecycle directives.
  • v-aspect-ratio - Vue.js directive for setting an aspect ratio.
  • @kooljay82/vue-m-camera - To avoid changing orientation of photo automatically which taken via camera of user's device.
  • v-ripple-directive - Vue.js directive for ripple effect.
  • vue-material-design-ripple - Add material design ripple to any element. Use any ripple color you want. No performance issues. Mobile friendly. No dependencies. It just works.
  • v-github-icon - easily add "that" tiny GitHub icon on the right/left corner of your Vue components/libraries demos' 🤙
  • vue-styled-shadows - Component based styled shadow patterns for images.
  • v-visible - Vue.js directive for setting visibility of an element.

WebGL

Fullscreen

  • vue-fullscreen - A simple Vue component for fullscreen, support Vue2 and Vue3.

Page visibility

Printing

Utilities

Utilities not directly related to the UI

  • vue-underscore - simple vue plugin to implement underscore
  • vue-lazy-calc - A simple calculation plugin in lazy && chaining way with strong typed.
  • vue-loadable - A plugin to improve loading state control with pretty simple methods, decorators and helpers.
  • vueuse - Collection of essential Vue Composition API utils works for Vue 2.x and 3.x.
  • vue-composable - Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +30 variable composable functions.
  • vue-condition-watcher - 🕶 Vue Composition API for automatic fetch data when condition has been changed.
  • vue-use - Use magic Vue Composition APIs to provide a lot of reusable logic, such as form, table and loading, etc.
  • vue-concurrency - library for encapsulating asynchronous operations and managing concurrency for Vue and Composition API.
  • vue-ics - Vue.js plugin for generating ICalendar (.ics) files.
  • vue-use-switch-map - 👽 The power of the RxJS switchMap operator injected into the Vue composition world.
  • vue-use-infinite-scroll - ♾️ A Vue composition function that makes infinite scroll a breeze.
  • vue-with-wrapper - A object deconstruction used in template
  • vesselize - ⛵ A JavaScript IoC container that works seamlessly with Vue.js.
  • vue-context-composition - share state created with the composition API between components, similar to useContext from React Hooks
  • vuex-overlay-tools - 🛠 A Vue 3 plugin for monitoring Vuex store (time-travel is also supported)
  • vuse-rx - Complete first-class rxjs support for Vue 3
  • vue-props-validation - Vue props validation logic extracted for nested validations in objects and arrays using the Vue native syntax.
  • vue-next-rx - Complete RxJS integration for Vue.js. (Update of vue-rx)

Typescript

HTTP Requests

Retrieve data over HTTP

  • vue-resource - The HTTP client for Vue.js.
  • vue-async-computed - Async computed properties for Vue.js.
  • vue-jsonp - A tiny library for handling JSONP request.
  • v-model - V-Model is a model plugin for Vue.js, like ng-resource.
  • vue-resource-mock - A helper to mock your http response, based on vue-resource's interceptor.
  • vue-async-data-2 - Async data loading plugin for Vue.js.
  • vue-api-request - A plugin that provides full control on your APIs, making your request simple, fast and easy to implement.
  • vue-fast-axios - Make requests with validations in a simple and beautiful way.
  • vue-async-properties - An asyncData and asyncComputed plugin with support for debouncing, transforming results, error handlers, loading/pending flags, lazy/eager requests.
  • vue-axios-plugin - A plugin that combines axios with Vuejs, making http request more easier.
  • zipkin-instrumentation-vue-resource - An interceptor for vue-resource that instruments outgoing HTTP requests with Zipkin
  • vue-api-query - Elegant and simple way to build requests for REST API.
  • vue-chimera - A full-featured RESTful resource based client, compatible with Nuxt.js and allows server-side fetch.
  • vue-apis - A vue plug-in integrated with axios that chain-builds API instances. Available from the context of a vue instance (eg: this.\$apis.apiName()).
  • rexios - Utils normalize url, data, params for axios when using rest api request.
  • vue-axillo - Composable Axios for REST API with query notation GraphQL.
  • vue-request - ⚡️ Vue 3 Composable for data fetching, supports SWR, polling, error retry, cache request, pagination and other cool features.
  • swrv - Stale-while-revalidate data fetching for Vue.

i18n

Internationalization / L10n / localization / translation

  • vue-i18n - Internationalization plugin for Vue.js.
  • vue-translate-plugin - VueJS plugin for translations.
  • vuex-i18n - Localization plugin for vue.js 2.0 using vuex as store.
  • vue-gettext - Translate your Vue.js applications with gettext.
  • vue-i18n - A small plugin for implementing translations in Vue.js.
  • vue-multilanguage - Support many languages in Vue.js 2.
  • vue-ts-locale - A plugin for implementing translations using Intl in Vue.js 2 with typescript support.
  • vue-i18next - A i18next wrapper to support translations in Vue.js 2.
  • vue-polyglot - Basic translation plugin for Vue.js 2 with async loading.
  • v-localize - Simple localization plugin for the amazing Vue.js.
  • vue-simple-i18n - Probably the thinnest library to end all Vue i18n solutions within 1kb
  • template-string-i18n - I18n using template strings with auto save/load translate documents.
  • vue-translations - Translate your vuejs application easy with it.
  • vue-i18n-service - Export and import vue-i18n's SFC translations.
  • vue-i18n-filter - Vue filter extend for Vue-i18n, simply using {{ hello world | t }}.
  • vue-translation-manager - Interactively find and translate strings in your Vue.js application. Works well with vue-18n and vuex-i18n.
  • vue-t9n - Simplest way to translate your applications
  • vue-simple-inline-translation - A Vue component that simplifies the way text is translated: by translating it inline.
  • vue-i18n-extract - Manage vue-i18n localization with static analysis. Make reports about missing and unused i18n entries.
  • vscode-vue-i18n-ally - VSCode extension for better Vue-i18n experiences.
  • v-intl - Global Intl wrapper for your awesome Vue 3 app 🔉
  • excel-vue-i18n - A plugin transforms excel file to i18n json format for translations.
  • vue-i18n-lite - A super lightweight and minimal plugin that introduces internationalization into your Vue.js app with a simple API.
  • v-google-translate - A component that use google translate to internationalize your Vue.js app.

Custom Events

  • vue-events - Simple event handling for Vue.js.
  • vue-event-handler - Event handling plugin for VueJS.
  • vue-event-manager - The global event manager for Vue.js.
  • vue-geb - A global event bus using Observables.
  • vue-bus - Tiny simple central event bus plugin for Vue.js 2.
  • vue-simple-events - Yet another event management plugin, but WITHOUT Vue instance
  • vue-option-events - Bring Vue.js 1 events option and \$emit to Vue.js 2.
  • vue-emit - A helper function to emit events from functional components.
  • vue-plugin-events - Simple global event bus for Vue.js applications with automatic subscription control.
  • vue3-custom-hooks - Build custom hooks for Vue.js 3 Composition API.
  • vue-catch-hrefs - Catch clicks on hrefs links (in v-html) and route them to vue-router.

Persistence

LocalStorage etc.

  • vue-localstorage - Vue.js localStorage plugin with types support.
  • vue-ls - Vue plugin for work with LocalStorage from Vue context.
  • vue-pouch - Live and reactive bindings for PouchDB. Persist data in IndexedDB and sync with CouchDB.
  • vue-idb - Lists and huge lists management with IndexedDB (Dexie.js) only or automatically created and extendible vuex modules
  • vue-browserstore - Browser storage wrapper.
  • VueStorage - Allows components to save and load their data across browser sessions.
  • vue-web-storage Another Vue.js plugin for localStorage and sessionStorage
  • vue-universal-cookies Isomorphic cookies plugin for Vue.js / Nuxt.js supports Browser, Express, http (node).
  • vue2-storage Browser storage for Vue.js app
  • vue-warehouse A Cross-browser storage for Vue.js and Nuxt.js, with plugins support and easy extensibility based on Store.js.
  • vue-storage-watcher - A reactive localStorage/sessionStorage plugin for Vue.js with strong typed.
  • vue-use-local-storage - A composition api to persist and rehydrate reactive data to local storage for vue 3.

State Management

  • vuex - Centralized State Management for Vue.js.
  • vue-sync - Synchronize Vue State with the Browser URL, Server Backend, and other endpoints.
  • vuelm - Lightweight state management inspired by Elm architecture.
  • vuez - A simple but powerful State Management for Vue.js, with only 2 APIs.
  • vuet - Vue.js state management model for Agile Development
  • vue-ya-stash - Yet Another stash storage with update/patch event emitters simillar with v-bind.sync
  • vue-assign-model - Automatically assign elements value to model for Vue.js.
  • vue-stash - Easily share reactive data between your Vue components.
  • vue-model - Model component for Vue.js
  • tuex - A mostly reasonable alternative to Vuex.
  • revuejs - A tiny, light and handy state management for vuejs 2, writing less verbose code.
  • lue - Vue and vuex based library, writing less verbose code.
  • vuex-lite - A 1KB Vuex with just state and mutations.
  • vue-shared - A light and simple alternative to vuex
  • vuex-module-generator - It allows you to create a vuex module easily.
  • vuex-declaration - Declare state like props, make state inject to vuex dynamically when component created.
  • vuex-up - Brings mixing and services injector features to module vuex.
  • effector — Fast and powerful reactive state manager. Effector lets you write simple, fast and type safe code and manage reactive state with ease.
  • nano-state-vue - Efficient, effective, and extensible state management: less is more
  • universal-model-vue - Unified state management for Vue (and also for Angular/React/Svelte)
  • vue-states - State management system for Vue with same API as Vue components
  • v-bucket - 📦 Fast, Simple, and Lightweight State Management for Vue 3.0 built with composition API, inspired by Vuex.
  • VueFort - Data modeling for Vue. Works for Vue 2 & 3.
  • @korijn/vue-store - Lightweight Vue 3 composition API-compatible store pattern library with undo/redo.
  • vuex-light - State management system with robust typing for Vue 3
  • vue-object-state - Simple object/dto/model state tracking
  • vue-datatable-url-sync - Synchronize datatable options and filters with the url to keep user preference even after refresh or navigation
  • vue-path-store - Simple state management that uses the dot notation path syntax, also comes with Vuex and Pinia plugins.
Redux
Mobx
  • movue - Mobx integration for Vue.js.
  • vue-mobx - Mobx binding for Vuejs 2.x.
Authentication/Authorization
  • vue-kindergarten
  • vue-authenticate - Simple Vue.js authentication library for login/register and OAuth (1.0/2.0) authentication
  • vue-facebook-account-kit - Simple vue wrapper to the fb account kit library.
  • casl-vue - Restricts what resources a given user is allowed to access
  • vue-google-api - A wrapper for easy integration of the Google's APIs client in any vue.js 2 project, based on promises, with built-in Oauth2 "Sign In with Google" facilities.
  • vue-auth - A simple light-weight authentication library for Vue.js
  • vue-auth-plugin - A simple authentication and authorization library for Vue.js using typescript
  • vue-google-signin-button - A simple Vue plugin to include a Google sign-in button into your web app
  • vue-facebook-signin-button - A simple plugin to include a custom Facebook sign-in button into your web app
  • vue-auth-href - A VueJS directive for downloading files that are under a protected route schema
  • vue-msal - Vue plugin for using Microsoft Authentication Library (MSAL)
  • vue-simple-acl - A simple unopinionated Vue plugin for managing user roles and permissions, access-control list (ACL) and role-based access control (RBAC).
Vuex Utilities
  • vuex-persistedstate - Persist Vuex state with localStorage.
  • vuex-plugin-jsdata - A plugin for syncing Vuex store with js-data.
  • vuex-local - Local state management within Vuex.
  • vuex-action - Utilities for vuex to easily create and manage actions.
  • vuex-rest-api - A Helper utility to simplify the usage of REST APIs with Vuex. Based on axios.
  • vuex-cache - A Vuex plugin utility to cache action those will make remote request.
  • vuex-persist - A Typescript-ready Vuex plugin to help save the store to localStorage or any custom Storage (that you can configure).
  • vuex-local-state - Add 'localState/sessionState' options to vuex. Keep the Vuex state with localStorage.
  • vuex-action-reload - A vuex plugin that reloads actions when a condition is met.
  • vuejs-storage - Vue.js and vuex plugin to persistence data with localStorage/sessionStorage.
  • vuex-orm - The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.
  • vuex-async-module - Reduce async boilerplate code generating Vuex modules. Compatible with Vue 2.x.
  • vuex-iframe-sync - Vuex state synchronization between iframe/window.
  • vuex-aspect - Bind remote data of any kind to the vuex store.
  • Vuenut - is a component to develop faster and more fluently.
  • vuex-map-fields - Enable two-way data binding for form fields.
  • vuex-search - Vuex binding for client-side search with indexers and Web Workers.
  • vuex-pathify - provides a unified path syntax to Vuex stores (such as foo/bar@a.b.c)
  • vuex-loading - Simplify vuex loading state management
  • vuex-module-builder - Vuex module builder is a wrapper for writing vuex stores efficiently with some common methods built-in.
  • vuex-pagination - Easily work with paginated resources in your Vue/Vuex application. Works well with most of the Vue pagination components.
  • vuex-easy-firestore - Easy coupling of Firebase Cloud Firestore and Vuex. 2-way sync with 0 boilerplate!
  • vuex-listener - A global Vuex action and mutation listener plugin
  • jsonapi-vuex - Use a JSONAPI api with a Vuex store, with client-side restructuring/normalization of records.
  • vuexi - provides utilities to simplify async actions and state management
  • stfalcon-vuex-loading-plugin - the easiest way to handle loading state of vuex
  • Vue Rest Resource - Rest HTTP resource management for Vue.js and Vuex projects.
  • Vuex Stateshot - 💾 A State Snapshot plugin on Actions/Mutations for Vuex3.1+.
  • vuex-loopback - Vuex module factory and Vue components for Loopback.
  • vuex-state-snapshot - A Vuex plugin to take state snapshot on mutation.
  • vuex-awesome-async - It wraps Vuex stores to easily manage async requests (loading, error and cache state).
  • vuex-factories - Factory functions to generate vuex actions and mutations.
  • vuex-hooks - Typescript enabled vuex composition-api hooks.
  • vuex-composition-helpers - A util package to use Vuex with Composition API easily.
  • vuex-ts-enhance - A tool to enhance mapXXX and dispatch methods hint
  • vuex-masked-modules - A Vuex plugin put data structure of the module in localStorage, with the ability to mask or encrypt the data to make it difficult to explore. Designed for Vue 3 and Vuex 4.
Sync Between Tabs

GraphQL

  • vue-apollo - Apollo/GraphQL integration for VueJS.
  • vue-relay - A framework for building GraphQL-driven Vue.js applications.
  • vuex-orm-apollo - Apollo/GraphQL integration for Vuex-ORM.

Concurrency Management

  • vuency - Concurrency management for Vue.js.

Code Style

Improve readability of code

CSS

  • vue-bem-cn - Simple BEM class name generator for Vue.JS.
  • vue-css - Vue.js plugin that allows you to bundle CSS with your components.
  • vue-mods-names - Adding modificators to class names for all components in app.
  • vue-styler - Simple, performant styler for vue.
  • vue-css-modules - Seamless mapping of class names to CSS Modules inside of Vue components.
  • vue-simple-bem - Directive with succint syntax for adding BEM class names to elements.
  • fela-vue - CSS-IN-JS mixin for Vue designed for flexibility yet team-oriented.
  • j-vue
  • vue-spinners-css - Collection of pure CSS vue spinners components, css spinners for ajax or loading animation based on loading.io.
  • vue-css-doodle - Porting of css-doodle, a web component for drawing patterns with CSS.

Asset Management

Utilities for building / compiling / bundling / loading assets

  • vue-script2 - Standardized, designer-friendly script tag behavior for your Single Page App.
  • vue-loader - Webpack loader for Vue.js components.
  • vueify - Browserify transform for single-file Vue components.
  • vue-compiler - A simple cli wrapper around the vue-component-compiler.
  • vue-brunch - Adds support to Brunch for pre-compiling single file Vue components.
  • poi - Start writing an app with a single .js file, Poi could handle all the development setups for you, no more configuration hell.
  • http-vue-loader - Load .vue files directly from your html/js without node.js environment nor build step.
  • vue-jsx-hot-loader - Enable HMR for Vue.js components with JSX render functions.
  • VueInBrowserLoader - Loads a .vue file from the given URL and compiles it to a component directly in the browser.
  • vue-separate-files-webpack-loader - Webpack loader for separated Vue components parts
  • vue-svg-loader - webpack loader that lets you use SVG files as Vue components
  • vue-registrar - ☘️ A package that dynamically registers your components and vuex modules - Makes your code a lot readable!
  • vue-automatic-import-loader - webpack loader that auto import your Vue single file components by using a match function.
  • vue-aimg-loader - A easy way to use image in Vue template without wirte css.
  • vite-svg-loader - Vite plugin to load SVG files as Vue components

Page Navigation

  • vue-navigation - A page navigation library, record routes and cache pages, like native app navigation. 一个页面导航库，记录路由并缓存页面，像原生 APP 导航一样。
  • vue-acl - Access Control List for VueJS 2.
  • vue-breadcrumbs - Implements simple breadcrumb functionality with vue-router for both Vue 1.x and Vue 2.x.
  • vue-2-breadcrumbs - breadcrumb together with vue-router for Vue 2.x. and Bootstrap 4
  • vs-crumbs - Vue breadcrumbs in 40 lines of code that allows nested paths without child views.
  • vue-nav - Page navigation manager, support all navigation function of native mobile app. 页面导航管理器，支持手机原生应用的所有导航功能。
  • vue-2-crumbs - Breadcrumbs plugin for Vue.js 2 framework that allows to select parent route in route meta object with no need of sub-routing. Also allows using dynamic data.
  • vue-pesdk Vue.js wrapper for the PhotoEditorSDK
  • vue-resolve Resolve routes data before entering / rendering the component for that route.
  • vue-page-stack - Routing and navigation for your Vue SPA. Vue 单页应用导航管理器

Miscellaneous

  • vue-super - A simple plugin to call methods on parent components.
  • @skyrpex/props-to-local - Vue mixin that maps props to local data.
  • vue-inject - Dependency injection for Vue 2.x Components
  • vue-deepset - Interact with deeply nested fields in Vue/Vuex objects/state with v-model in Vue 1.x and 2.x
  • vue-gaspard - DOM helpers plugin for Vue.js
  • vue-configuration - A static configuration object for Vue.js
  • vue-lodash - A simple wrapper for integrating lodash to Vue 2.
  • vue-ramda - Vue Wrapper for ramda
  • vue-router-user-roles - Protects routes based on user roles. Add your own authentication.
  • vue-messenger - A series of useful enhancements to Vue component props: Transform, Enum-type, Numeric-type, Two-way data bindings.
  • vue-uuid-v4 - Plugin Vue2 to easy get UUIDv4
  • vue-async-operations - Managing async operations statuses in your Vue components
  • vue-direction - 👋 Direction aware hover in Vuejs
  • vue-unique-id - Generates unique component ids and component-scoped HTML ids.
  • stfalcon-vue-di - ⭐️ Lightweight DI for vue components️ ❤️
  • vue-uuid - Adds UUID to Vue instance.
  • vue-injector - Dependency injection for Vue 2.x
  • vue-subslot - 💍 Vue component to pick 'n choose what you want from a slot
  • vue-timed-content - Shows or hides content based on a given time range and timezone.
  • vue-live - A component to demo components, inspired by react-live.
  • vue-safe-html - Vue.js directive which renders sanitised HTML dynamically.
  • v-fetch - Vue.js directive to make AJAX requests.

Web Workers

  • vue-worker - A Vue.js plugin to use webworkers in a simply way.
  • vue-log-worker - A Vue.js plugin to log error and vuex mutations to your backend through a web worker

JSX

  • jsx-vue-functional - A Babel plugin that brings syntactic sugar for Vue functional components.
  • jsx-event-modifiers - A Babel plugin that adds event modifiers similar to Vue templates to JSX.
  • jsx-v-model - A Babel plugin that brings v-model to JSX.
  • vue-jsx-sync - A Babel plugin that brings vue sync modifier to JSX.

Migration

Web Sockets

  • vue-socket.io - Socket.io implementation for vuejs.
  • vue-websocket - Simple websocket (socket.io) plugin for Vue.js.
  • vue-echo - Integrates Laravel Echo into Vue, allows for easy registration of socket events.
  • vue-socket-cluster - Web Sockets for vue with uws(Micro web sockets) through socket cluster
  • vue-native-websocket - Native websocket implementation for Vuejs 2 and Vuex
  • vue-socket.io-extended - Socket.io bindings for Vue.js and Vuex
  • vue-phoenix - Elixir Phoenix Web Socket implmentation for vuejs. Also provides typescript decorator for better use.

Server-Sent Events

  • vue-sse - A Vue plugin for using Server-Sent Events (EventSource).

Payment

Payment utilities.

Stripe
Paypal
Plaid

Integrations

Integrate with services or other frameworks

  • vue-disqus - Vue component to integrate Disqus comments in your application, with support for SPA.
  • vue-youtube-embed - Vue.js and YouTube.
  • vue-add-to-calendar - A Vue.js component that provides "Add to Calendar" functionality, works with Vue 2.X.
  • Vue + Meteor - Vue first-class integration in Meteor.
  • av-ts - A modern, type-safe, idiomatic Vue binding library.
  • Neutronium - Build .NET desktop applications using HTML, CSS and javascript.
  • vue-typescript-jest - Jest preprocessor.js for Vue.js components (supporting html, pug, and babel) and TypeScript.
  • vue-jest-utils - Utilities for testing Vue.js components using Jest.
  • vue-custom-element - Vue Custom Element - Custom Elements for Vue.js.
  • vue-cordova - Vue.js plugin for Cordova.
  • vue-wamp - AutobahnJS wrapper library fo Vue.js.
  • express-vue - Vue rendering engine for Express.js. Use .Vue files as templates using res.render().
  • vue-grecaptcha - Google reCAPTCHA for VueJS 2
  • vue-recaptcha - Google reCAPTCHA component for Vue.js
  • require-vuejs - RequireJS plugin to async and dynamic load and parse .vue components.
  • facebook-login-vuejs - Vue Component for Authenticating your Facebook App and get the benefits of Facebook Login.
  • vuejs/vuefire - Official Firebase Integration for VueJS
  • vuefire - Firebase for VueJS and Vuex
  • vue-runkit - RunKit Embed for Vue.js
  • vue-youtube - Provides a simple layer for you to use your imagination while over the YouTube IFrame Player API. (Compatible with SSR)
  • vue-introjs - Integrates intro.js step-by-step guide and feature introduction with Vue.js http://introjs.com/.
  • vue-loopback - Loopback and Vue application template
  • vue-laroute - Integrate Laravel routes into your VueJS application using laroute.
  • vue-raven - Automatically reports uncaught JavaScript exceptions triggered from vue component.
  • vue-telegram-login - Vue Component for Telegram Login
  • vuexpress - Vue + Express.js = VueXpress / A server-side rendering engine for Express.js. Use .vue files as your express.js templates.
  • vue-fixer - A simple vue component for the fixer API.
  • amazon-cognito-vuex-module - Vuex module for Amazon Cognito.
  • vue-web3 - Web3 blockchain bindings for Vue.js (inspired by Vuefire and Drizzle)
  • sbt-vuefy - Vue.js integration for Playframework
  • loopback-vue-starter - LoopBack and Vue starter template with easy plugin management through vue-cli and vue ui.
  • vue.py - Write Vue.js Components in Python
  • vue-telegram-passport - Vue Component for Telegram Passport
  • vue-facebook-login-component - A fully customizable component for integrating Facebook login.
  • vue-programmatic-invisible-google-recaptcha - A simple invisible Google reCAPTCHA component focused solely on programmatic invocation.
  • vbuild - Its main purpose is to let you use components (.vue files) in your vuejs app, without a full nodejs stack. Since 0.6 versions : you can create your component in pure python !
  • feathers-vuex - is a first class integration of the Feathers Client and Vuex. It implements many Redux best practices under the hood, eliminates a lot of boilerplate code, and still allows you to easily customize the Vuex store.
  • vue-nocaptcha - Aliyun noCAPTCHA component for Vue.js
  • ionic-vue - Vue.js integration for Ionic v4
  • vue-0xcert - Vue.js integration for 0xcert Framework - an open-source library that provides tools for building powerful decentralized applications
  • vue-zdog - Vue wrapper for zDog - a minimalist 3D engine for the browser
  • vue-unleash - A Vue plugin for the Unleash open-source feature flag platform
  • vue-zeye-client - A Vue plugin for simple use of the Zeye-server open-source mediasoup WebRTC SFU server
  • vue-postgrest - Vue.js integration for postgREST: flexible, powerful and easy to use.
  • Vuecket - WebFramework where power of Vue.JS married with magic of Apache Wicket
  • vue-ld - Vue LaunchDarkly plugin and routing utilities
  • Prisma - Logs visualization client for @sherlog/cli
  • vuetube - 🚀 A fast, lightweight, lazyload vue component acting as a thin layer over the YouTube Iframe Player API which renders fast
  • vue-tweet - Vue 3 component that let you embed tweets in your App by only giving the tweet id

Vue CLI Plugins

Google Analytics
  • vue-ua - Google Universal Analytics support in Vue.js.
  • vue-analytics - Vue plugin for Google Analytics.
  • vue-gtm - Vue plugin for Google Tag Manager
  • vue-gtag - Global Site Tag plugin for Vue
Yandex Metrika

Dev Tools

  • vue-dev-server - A small development server for building vue components.
  • Storybook - The UI Development Environment. works with v3.2+ later.
  • Font Awesome Finder - Chrome extension to search, preview and choose Font Awesome icons and copy the selected icon HTML code & Unicode to clipboard.
  • vue-dummy - Placeholder Text and Dummy Images as a simple v-dummy directive.
  • Bit - Manage and reuse vue components between projects. Easily isolate and share components from any project without changing its source code, organize curated collections and install in different projects.
  • ComponentFixture - is a component design to develop and test other components, automatically binding their props.
  • vue-cli-template-dev-server - A development server for building vue-cli custom templates.
  • vue-codemods - Collection of codemod scripts that help update and refactor Vue and JavaScript files.
  • codesandbox - An online IDE and prototyping tool for rapid Vue development.
  • vue-dom-hints - 💡 Get hints in the DOM. Minimal Vue devtool alternative.

Inspect

Inspecting & debugging

  • Vue.js devtools - Chrome devtools extension for debugging Vue.js applications.
  • DejaVue - Visualization and debugging tool built for Vue.js.
  • vue-clicky - Right click any component to show info about it in the console.
  • vuejs-logger - Provides customizable logging functionality for Vue.js.
  • vue-inspector - Vue.js Inspector for Mobile Devices
  • Vue Performance Devtool - Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components
  • VueSource - Global Vue mixin which identifies components in source code by adding HTML comments
  • NW-Vue-DevTools - DevDependency for adding Vue DevTools into NW.js
  • bruit-io - Collect feedbacks with screenshot and technical data and post them to an API like bruit.io.

Docs

Create documentation

  • vue-markdown-loader - Convert Markdown file to Vue Component.
  • vue-styleguide-generator - React inspired style guide generator for Vue.js.
  • CheatSheet - Complete Interactive API.
  • Vuex CheatSheet - Complete Interactive Vuex API.
  • vue-styleguidist - A style guide generator for Vue components with a living style guide.
  • vue-elucidate - A component that generates beautiful documentation for your living styleguide / design system.
  • vue-md-loader - Markdown files to ALIVE Vue components.
  • @vuedoc/parser - Generate a JSON documentation for a Vue file component.
  • @vuedoc/md - Generate a Markdown Documentation for a Vue file.
  • jsdoc-vue-component - A jsodc3 plugin that extract vue SFC info(name, props, events...) to document.
  • jsdoc-vuedoc - A jsdoc3 plugin use @vuedoc/md.
  • vue-storybook – Add <story> blocks to your Vue single file components for tighter integration of Vue + Storybook
  • vue-patterns - Useful Vue patterns, techniques, tips and tricks and helpful curated links.
  • vuese - One-stop solution for vue component documentation.
  • vue-dotmd-loader - A webpack loader for loader markdown file transform to vue file.
  • vue-tut - Easily build beautiful tutorials with Vue.

Test

  • vuenit - Utilities for testing Vue components and directives.
  • vue-unit - A library for Vue.js that makes it easier to create and unit test components.
  • vue-a2b - A library for Split Testing with Vue.js (A/B Testing). Highly configurable and tiny (1.2k gzipped).
  • vue-test-utils - Official utilities for testing Vue components.
  • vue-test-actions - Unit testing Vuex actions with Jest mocks.
  • jest-vue-matcher - Additional jest matchers for vue
  • vue-hubble - A better way to select elements for UI testing in Vue.
  • Vue Testing Library - Simple and complete testing utilities that encourage good testing practices. Based on DOM Testing Library and built upon the official Vue Test Utils.
  • jest-serializer-vue-tjw - Improved formatting of Jest Snapshots
  • vuex-test-utils - Unit testing Vux with chai.
Browser-less require

Load Vue components without browser

  • vue-node - Load vue components in node.

Source Code Editing

Text editor plugins

Atom
Sublime Text
Vim
  • Vim Vue - Syntax Highlight for Vue.js components.
  • vim-vue-plugin - Vim syntax and indent plugin for .vue files.
Visual Studio Code
Visual Studio
  • VuePack - Contains HTML Intellisense and code snippets for the Vue.js JavaScript library.
Brackets
Intellij
Emacs
  • Vue Mode - Emacs major mode for vue.js.
Kate
  • Kate Syntax Files - Syntax files (modified or original) for katepart (kate, kwrite, kdevelop).

Scaffold

Scaffold / boilerplate / seed / starter kits / stack ensemble / Yeoman generator

  • vue-cli - Simple CLI for scaffolding Vue.js projects.
  • Vue-Django - A boilerplate to set you up in bringing the awesomeness of VueJS into a Django (Python) app.
  • python-vuejs - Gluing Python web frameworks and Vue.js with a set of scripts. Basically a vue-cli wrapper.
  • generator-vue-plugin - Yeoman generator generating vue plugin.
  • vue-seed - vue-seed is minimal seed for those looking to get up-and-running with Vue
  • nuxt-seed - nuxt-seed is minimal seed for those looking to get up-and-running with Vue and Nuxt
  • rails_vue_melt - Rails view with webpack=vue optimizer.
  • vue-starter - A Vue.js starter kit that lets you focus on more programming and less configuration.
  • vuejs-wordpress-theme-starter - A WordPress theme with the guts ripped out and replaced with Vue
  • Cordovue - A sample Apache Cordova application using Vue.
  • Cookiecutter-Django-Vue - Django+VueJS+Docker customizable project generator with a large number of settings/integrations
  • iBiu A visual CLI for scaffolding large Vue projects in 2 seconds.
  • wp-vue - A simple Vue blog template that displays posts from a WordPress REST API endpoint.
  • vue-cli-template-nativescript - Template for starting new nativescript+vue projects with rollup+babel+eslint
  • vue-element-ui-scaffold - Online and visual Vue 2 with Element-UI CRUD scaffold/generator.
  • vue-firebase-element-ui-scaffold - Online and visual Vue 2, Element-UI and Firebase scaffold/generator with CRUDs, authentication, file/image upload, activity log and more.
  • vuesion - The most complete boilerplate for production-ready PWAs. With focus on performance, development speed, and best practices
  • vue-vuex-typescript-webpack-seed - A seed project with Vue, Vuex, Typescript, Scss & Webpack with hot reloading
  • VueCharged Template - A highly opinionated, feature-first Vue 2 template with CLI scaffolding. Uses Vue 2, Vuex, Vue Router and Vue I18n.
  • Huncwot - Vue.js boilerplate with Node.js for building modern JavaScript applications with « batteries included » approach.
  • wemake-vue-template - Bleeding edge vue template focused on code quality and developer happiness. Featuring: nuxt, flow, and jest.
  • vue-lib-template - 🛠 A simple template for building and publishing Vue component/library as a open source project.
  • Awesome Vue Boilerplate - 😍 Awesome Vue, 🥰 Vuex, Vuex-pathify, element-ui, tailwindcss
  • ScaffoldHub.io - Generate full Vue applications with SQL, MongoDB or Firebase Firestore databases.
  • VuePlay - Generate disposable Vue playgrounds in seconds. Allows you to test things quickly.
  • Mevn-CLI - Light speed setup for MEVN stack based apps.
  • vue-cli-template-registry - A solution for installing vue-cli custom templates hosted on private/enterprise repositories.
  • Vuejs Firebase CRUD Starter with Auth
  • vue-enterprise-boilerplate - An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI 3.
  • vue-starters-directory - Search for available scaffold projects and starter kits for VueJS. Features search and github stats are available.
  • janak - Build your Vue 3 apps in a breeze 🌬
  • vue-composable-starter - 🪝 Minimalist starting point for your next Vue composable.
  • Vuetify-tailwind-animate-starter - A vue-cli starter template for vuetify + tailwindcss + animate.css.

Client

Render Vue application in the browser only

  • Bourgeon - Bourgeon is an opinionated-featured VueJS 2.0 setup for Webpack.
  • Vue Settler - An opinionated Vue 2.0 SPA Starter.
  • vue-multiple-pages - A modern Vue.js multiple pages starter which uses Vue 2, Webpack2, and Element-UI
  • vue-typescript-boilerplate - A Vue.js typescript SPA starter with Vue 2, Vue Typed, Vuex, Vue Router and localization
  • vue-tachyons-template - A Vue 2 project starter template w/ Tachyons, Webpack, and ESLint
  • Vuets - A Vue, TypeScript ready boilerplate using class-style components, vue plugin options, webpack & vue-cli.
  • MMF-FE/vue-typescript - A vue2.x typescript template.
  • Friendly Vue Starter - A full-featured Vue.js starter project with GraphQL support via Apollo-client (Vuex, Vue-router, Vue-i18n, Webpack 3, Eslint, Prettier, ...)
  • vue-ts-amd - A full-featured Vue.js 2 boilerplate using AMD pattern (RequireJS) and Typescript.
  • vue-2-boilerplate - Vue 2 boilerplate for developing medium to large single page applications by petervmeijgaard
  • vue-cli-template-library - Template for developing open-source vue.js libraries with Rollup + Jest + Babel + Storybook + TravisCI + SemanticRelease.
  • vue-cli-template-github-pages - A full-featured Webpack + vue-loader setup for Github Pages Deployment with travisCI.
  • vue-webpack-chrome-extension-template - Template for quick creation of Chrome extension on Vuejs hot reloading when developing.
  • vue-auth-boilerplate - Vue SPA boilerplate with Router/Vuex/CLI3 and auth functions (cool looking register and login). Works with minimal setup out of the box with laravel-api-boilerplate-jwt.
  • vue-atomic-design - Vue front-end boilerplate based on atomic design methodology.

Universal

Render Vue application to HTML on the server and to the DOM in the browser

  • SPA Starter Kit - A highly opinionated starter kit for building Single Page Applications with Laravel and Vue.js.
  • SSR Boilerplate - Vue.js server-side rendering boilerplate without polluting Vuex.
  • neutrino-preset-vue-static - A minimalistic starter kit for building static sites using Vue.js.
  • Vueniverse - A fully featured, universal Vue template for user-based applications, powered by Nuxt.js and Express.
  • vue-preload - A plugin Vue for adding <link rel="preload" capabilities
  • Vue.js/Nuxt.js full-featured boilerplate - professional agency frontend template for building fast, robust, and adaptable web apps or sites by vuejs/nuxtjs.

Server

Includes a backend boilerplate

  • Vuetober - Single page apps with Laravel, Vue.js, and October CMS.
  • vue-server-demo - Writing koa server in Vue.
  • vue-apollo-connector-kit - JWT authentication with 2 different strategies (localStorage and httpOnly cookies). Authorization using custom directives (apollo).
  • DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server-side data access.
  • isomor-vue-app - Setup a working environment with Vue and isomor, to unify the frontend and the backend by generating automatically the API.

Electron

  • Electron Vue - An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
  • VuePack - A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron).
  • vue-flexible-link - Tiny Vue component for Electron to open links in a browser. Ideal for cross-environment apps (Web & Native)
  • vuelectron - electronjs starter kits for vue.
  • vue-design - the best website visualization builder with Vue and Electron.
  • dapp - Boilerplate for stack of Vue/Parcel/Electron.
  • vue-electron-template - An Electron & Vue.js boilerplate with Hot-reloading enabled and common Vue plugins, dev and build scripts configured using webpack-4
  • vue-iview-electron-boilerplate - An Electron & Vue.js boilerplate with iview4.x, Vue2.x, electron8.x and webpack4.x

Parts

Scaffold parts of the app

  • vue-generator - A CLI generator for Vue components, views and store modules.
  • vue-component-generator - A generator for vue component, supports Vue1.X and Vue2.X.
  • rapydml_cmp - Vue-component pythonic generator, built on top of RapydML & RapydScript.
  • vue-authoring-template - Template for authoring also publishing Vue component and their use case in story-scenario (storybook) format in easy way.
  • vue-component-boilerplate - Template for generating the boilerplate code for a VueJS component, with build scripts and testing pre-installed.
  • vue-generate-component-typescript - A typescript code generator for vue, it can generate components, directives, filters.
  • vuejs-generate - An easy CLI for generating Vue components, stores, store modules & unit tests.
  • vue-sh-cli - A CLI for generating Vue components, views, store modules & unit tests. Supports Vue 3 components template and Typescript.

Runtime

Command Line / Terminal

  • blessed-vue - A VueJS runtime to let you write command line UI in Vue Edit

Prerendering

  • react-snap - A zero-configuration static pre-renderer for SPA
  • prerender-plugin - A Node.js/ webpack plugin to prerender static HTML in a single-page application (SPA).
  • vue-prerender - A Vue.js tailored plugin which implements three strategies for prerendering Vue.js pages using headless chrome.
  • Rendora - dynamic SSR (server-side rendering) using headless Chrome to effortlessly solve the SEO problem for modern javascript websites
  • pre-vue - A boilerplate Vue + Nuxt project that offers built-in support for OpenGraph tags, Google Analytics, a sitemap, and robots.txt.
  • ssr-vuejs-nodejs - Server-side render vuejs with nodejs without Nuxt.
  • vue-genesis - 🔥Micro front end, micro service and lightweight solution based on Vue SSR🔥 <!-- md-parser-end -->

CC0

文章来源：https://dev.to/alexandrefreire/a-curated-list-of-awesome-things-related-to-vue-js-2hoi
PHP：Laravel，Ruby：...
Python 简介：Mux 主办的...