Vue.js


logo of vue-awesome repository

Awesome Vue.js Awesome

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

Resources

Official Resources

External Resources

Job Portal

Community

Conferences

Podcasts

Youtube Channels

Official Examples

Tutorials

Examples

Books

Blog Posts

Courses

Documentaries

Projects Using Vue.js

Open Source

  • PageKit - 使用 Symfony 组件和 Vue.js 构建的模块化轻量级 CMS.
  • npmcharts.com - 比较 npm 包并发现下载趋势.
  • Koel - 一个工作的个人音乐流媒体服务器.
  • Raven Reader - 使用 atom electron 和 vue.js 制作的简单 RSS 阅读器.
  • Gokotta - 由电子和 vue 构建的简单音乐播放器.
  • CoPilot - 基于 AdminLTE 与 vue.js 集成的管理门户.
  • Retrospectify - 在敏捷团队中进行协作回顾的简单工具.
  • jade-press - 基于 mongodb、nodejs、koa、vue 等的 Cms.
  • astralapp - 轻松组织您的 GitHub Stars.
  • EME - 优雅的 Markdown 编辑器.
  • Github-explorer - 一个可以帮助您更好地检查 github 的水疗中心.
  • Hotel - 从您的浏览器启动您的开发服务器并在几秒钟内获取本地域.
  • Surfbird - 使用现代网络技术编写的 Twitter 客户端.
  • Approach0 - 具有数学意识的搜索引擎.
  • Flox - 自托管电影、连续剧和动漫观看列表.
  • JavaScript Guessing Game - 用于识别 JavaScript 工具和库的游戏.
  • vue-ghpages-blog - 基于 Vue.js 2 + Webpack 2 的 GitHub 页面的博客.
  • Vuedo - 博客平台,使用 Laravel 和 Vue.js 构建.
  • vue-music163 - 一个用于音乐的 Vue.js 项目.
  • Tomato5 - 实时协作工具,它结合了番茄工作法和团队状态共享板.
  • Web Learn - 一种服务,可提供对有关 Web 开发和编程的数千个视频教程的简单访问.
  • ExcelJSON - 将 CSV、TSV 转换为 JSON 的工具.
  • Materialize-blog - 一个用 Laravel5.3 和 Vue2.x 构建的素材博客.
  • VueComponentGenerator - 在浏览器上生成 vue 单文件组件.
  • SDR News - 从多个来源(Reddit、黑客新闻和著名博客)聚合的 Web 设计师和开发人员新闻.
  • PJ Blog - 使用 Laravel 和 Vue.js 构建的开源博客.
  • Lulumi-browser - Lulumi-browser 是一个使用 Vue.js 2 和 Electron 编码的轻量级浏览器.
  • vue-wordpress-pwa
  • OpenAPI 3 viewer - 浏览和测试 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 的博客.
  • Media Manager - 网络文件管理器.
  • dyu/bookmarks - 一个独立的、自托管的书签应用程序,由 leveldb 提供支持,使用 Vue2.1.x 构建.
  • JSON Schema Editor - 一个直观的 JSON 模式编辑器. 使用 Vue.js 2 和 Firebase 进行开发.
  • npm-stats - npm 包下载统计仪表板
  • vue2-admin-lte - 将 AdminLTE 转换为与 Vuejs (v2.x) 一起使用的项目.
  • Dockeron - 一个基于 Electron + Vue.js 为桌面 Docker 构建的项目.
  • Flamme - 一个开源的 Tinder 桌面客户端,使用 electron 和 Vue.js 构建,用于教育目
  • Goldfish - 使用 VueJS、Golang 和 Bulma CSS 构建的 HashiCorp Vault UI
  • promptie - 用 Vue.js 编写的框架,用于在 Web 浏览器中创建类似命令行的界面.
  • Hare - 基于 Vue.js 2.x、Koa 2.x、Element-UI 和 Nuxt.js 的应用样板
  • Paper-Dashboard - 为 Vue 制作的创意 Tim Paper Dashboard
  • AdminLTE-VueJS2 - 在 AdminLTE 上实现 VueJS (v2.x) 的开源项目.
  • Material Dashboard - 为 Vue 制作的创意 Tim Material Dashboard
  • Explore-Github - VueJS 2 Github Explorer 使用 API v3
  • CoreUI Vue Admin Template - 由 Vue.js 提供支持的开源管理模板
  • ChuckNorris - 使用 VueJS + api.chucknorris.io 构建的 Chuck Norris 笑话生成器
  • LeafPlayer - 一个简单快速的私人托管音乐流媒体服务器.
  • JSON Editor - 一个模式感知 JSON 编辑器. 使用 Vue2 开发.
  • Voten - 使用 Vue2 和 Laravel 构建的类似 Reddit 的平台.
  • News Weaver - 使用 VueJS 和 VuetifyJS 制作的基于 Web 的 RSS 阅读器/聚合器
  • Wake Up Billie Joe! - 一个网站倒计时到 10 月,基于 Green Day 的歌曲 Wake me up when September Ends. 使用 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- - Vue.js 单页应用程序,用于使用 ASP .NET Webapi 2 和 SQL 服务器进行基本任务管理和消息传递
  • Book-Trading-Club - Trade or loan books with other book readers in your area. Built using nodejs and vuejs2
  • vuejs-extension-pack vscode - 带有流行的 VS Code 扩展的扩展 packf 或 vscode,用于 Vue.js 开发.
  • Wiki.js - 基于 NodeJS、Git 和 Markdown 构建的现代、轻量级和强大的 wiki 应用程序
  • vue-pwa-speech - 在 Vue2 + Vuetify + Progressive Web App 上使用 Google Cloud Speech 进行语音到文本
  • vue-speech-streaming - 在渐进式 Web 应用程序上使用 Google Cloud Speech + socket.io 实现实时语音到文本的执行流式语音识别
  • My Animation List - 轻松获取css动画代码的工具
  • vue-input-streaming - TextInput 实时流式传输和带 Pusher 的双向数据绑定广播
  • TidyTab - 用于整理这些标签的 Chrome 扩展程序.
  • peregrine-cms - 基于 Vue.js 和 Apache Sling 的 head-optional CMS
  • concept-to-clinic - 带有 Vue.js 界面的肺癌预测项目
  • grid-awesome - 使用 css display: grid 为网格布局生成样板 css; 财产.
  • Light Bootstrap Dashboard - 为 Vue 制作的创意 Tim Light Bootstrap 仪表板
  • Hubaga - 面向开发人员和其他数字商店的免费轻量级 WordPress 电子商务插件.
  • vue-webpack-buefy - 带有全功能 Webpack 和 Buefy 的 Vue.js starter
  • Coypu - 类似文本编辑器的每周计划器
  • core-server - 具有集成 API 系统和多项高级功能的高度可扩展的 VueJs 框架.
  • discord-logo - 基于 SVG 的 Vue.js 动画不和谐徽标生成器. (Github Page)
  • node-vue-template - 使用 Node.js (API) 和 Vue.js (SPA) 构建完整应用程序的入门模板,其中包含一些包和配置,以帮助快速开始开发.
  • vue-storefront - Vue.js Storefront - 电子商务的 PWA. 100% 离线,平台无关,无头,支持 ​​Magento2.
  • fd-vue - 用于物联网框架的 Vue.js 客户端
  • wildfire - 其他评论插件的替代品.
  • Ride Receipts - 简单的自动化桌面应用程序,用于从 Uber 和 Lyft 下载和整理您的税务发票.
  • vue-chrome-extension-boilerplate - 使用 Vue.js 和 Webpack 的 Chrome 扩展样板
  • TimeMark - 一个可以记录你的时间的时间管理器,并将开发更多功能.
  • Laravel Enso - SPA 管理面板使用 Bulma、VueJS 和 Laravel 构建,打包了许多开箱即用的功能.
  • Code Notes - 为使用 Electron 和 Vue.js 构建的开发人员提供的简单代码片段管理器.
  • Pomotroid - 简单、美观且可定制的番茄钟计时器.
  • XMR Miner - 加密货币 (XMR) 挖掘应用程序,使用 Vue.js 构建并使用 D3 进行可视化
  • XMR Paper - 门罗钱包生成器,使用 Vue.js 构建
  • JoyProxy - 用于处理代理设置的 Chrome 扩展
  • activity-automation - 管理日常活动并及时获得报告.
  • jsettlers-web - 流行的德国棋盘游戏,用获得的资源建造六角形、定居点、城市和道路
  • Tamiat CMS - Tamiat 是一个专注于前端的 CMS,使用 Vue.JS 作为前端并与 Firebase 集成以实现后端功能.
  • vuegg - vue GUI 生成器:一次性创建模型和代码! 它利用可视化编辑器创建页面、组件和样式. 为您的下一个 vuejs 项目生成所有脚手架代码.
  • Podlove Web Player - 针对播客优化、基于 HTML5 的音频播放器,具有章节、转录和嵌入功能.
  • Leo Vue - 使用开源 Leo 大纲编辑器/IDE 创建带有嵌套菜单的 web 应用程序,并在内容中支持 Vue 组件.
  • Deezer-Vue - 使用 Vue\Vuex 构建的 Deezer 客户端
  • Vuep.run - Vue 的在线 SFC 编辑器
  • V·oogle - Google.com, reVued
  • Pomidorus - 使用 Vue 和 D3 构建番茄时间跟踪器
  • Hubble - 🔭 穿越 GitHub Stars 的历史.
  • Vuepress - 简约的 Vue 驱动的静态站点生成器
  • Socialhome - 具有社交网络功能的联合丰富的个人资料构建器
  • GenVue - 一个可托管的 Web 应用程序,允许机密用户上传和共享基于 Vue.js、Vuetifyjs 和 NetCore WebAPI 堆栈构建的私有文件
  • vue-array - Vue 下的数组对象操作,Vue 下的数组对象操作使用这个包来操作数组. Vue可以监听数组的变化
  • Laqu-l - 带有 Quasar 框架的完整应用入门套件、带有 OAUTH 2.0 身份验证的 GraphQL API 后端、Firebase 就绪、多语言功能等.
  • Protovue - 一个原型组件库,可帮助设计人员和开发人员快速搭建抽象的应用程序布局.
  • Chattier - 使用 Laravel 5.6、Vue.js 2 和 Bulma(Buefy 组件 + Bulmaswatch 主题)构建的 SPA 社交网络. 还使用 JWT 身份验证.
  • chrome-ribbon-reminder - 使用 Vue 和 Async/Await 编写的 Chrome 扩展. 使用弹出显示并更改徽章计数.
  • Faviator - 一个简单的图标生成器.
  • Modular Genealogy - 使用 Laravel 5.7、Vue.js 2.5 和各种组件的家谱/家谱管理系统. 工作正在进行中.
  • Minimal Notes - 使用 Vue.js 构建 Web 应用程序
  • Roast - 一个应用程序,旨在帮助咖啡爱好者在学习 Laravel + Vue.js 的同时找到他们的下一杯咖啡.
  • Stack Edit - 浏览器内的 Markdown 编辑器
  • Bael Blog Template - 静态生成的博客模板,使用 Netlify CMS 作为后端,使用 Netlify 进行托管. 具有野兽派美学、模糊搜索、无服务器电子邮件注册等功能.
  • Buefy Shop - 示例商店,开源,使用 Nuxt、Stripe、Firebase、Bulma 和 Serverless Functions 构建.
  • sysmon - 适用于 Linux 的 AB/S 模式系统监视器. 您可以随时随地通过网络浏览器远程查看系统资源的使用情况.
  • eth-vue - Truffle Box 提供快速构建具有 Vue.js 身份验证功能的以太坊 dApp 所需的一切,包括用于轻松部署到 Ropsten 网络的配置. 它还支持 Gravatar.
  • Nippon-color - 灵感来自 nipponcolors dot com. 这是使用 vue-cli 3 构建的日本色 PWA.
  • Saleina CMS - 使用 git 作为后端使用 vue 构建的静态站点内容管理系统.
  • Vuido - 用于创建本机桌面应用程序的框架. 它可以使用原生 GUI 组件在 Windows、OS X 和 Linux 上运行.
  • YouGet - YouTube 视频/音频/字幕下载器 + 切割器
  • Vue Pug Stylus - Vue + Pug + Stylus 样板
  • Crypto News - 允许您转换加密货币,查看每个 ICO 的最新消息和汇率——来自加密货币世界的所有数据都集中在一个地方.
  • Epiboard - 具有材料设计和有用功能的新标签页扩展 🆕🎉
  • zhudyos/duic - 分布式配置中心:新增:
  • Vuemmerce - 使用 Vue.js 和 Bulma 框架构建的免费电子商务模板:新:
  • Nucleus - Vue 启动应用程序模板,在后端使用 ASP.NET Core API 分层架构和基于 JWT 的身份验证
  • Carpoolear - 阿根廷拼车应用的开源 Vue.js 前端(移动和cordova 应用程序): Carpoolear
  • Statusfy:Statusfy 是一个状态页面系统,易于使用且完全开源.
  • DynamoDb-GUI-Client: DynamoDb 的跨平台 GUI 客户端
  • RosterWebApp - 开源排班 Web 应用程序,允许员工/团队排班到工作会议和其他功能.
  • Vue E-Store Templet - 使用 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 的 REST-ful CRUD 系统. Vue CRUD 允许您轻松创建快速应用程序,例如 CMS 或 CRM.
  • Vue HQ Admin Dashboard – 由 Vue、Sass、Firestore 和 Netlify 提供支持的现代管理仪表板.
  • MToDo - 使用 Vue.js 和 JSON Server 作为数据模拟构建的具有简单身份验证的迷你待办事项列表. 非常适合任何寻找真实世界 Vue.js 参考的人
  • FireX Proxy - FireX 代理是用户可信赖的 Chrome 和 Firefox 浏览器扩展程序,可让您解锁任何网站并私密安全地浏览网络.
  • VueSolitaire - 在 Vue.js 中实现的纸牌(蜘蛛,克朗代克).
  • Thermal - 一站式所有 Git 存储库.
  • QMK Configurator - Vue.js 中的 QMK 固件键盘配置 UI.
  • Eplee - 使用 Vue.js 和 Electron.js 制作的甜美、简单的 epub 阅读器.
  • vue-realworld-example-app - 示例性全栈 Medium.com 克隆
  • Daily - 策划的开发新闻传送到您的新标签 ‍
  • Laravel File Manager - 强大的 Laravel 文件管理器
  • Vue Crypto Dashboard - 使用 Vue.js 制作的加密货币仪表板
  • ETCD Manager - 基于 Electron 和 VueJS 的现代、高效且免费的多平台 ETCD GUI 应用程序.
  • Idea Re-Vue - 社交创意平台,以有趣、直观的方式创建、管理和集思广益. 建立在 VueJS 和 Vuetify 之上,使用 Firebsae 作为后端
  • 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 - ✔️ CodeceptJS end 2 end tests ✔️的 Cypress 喜欢的 UI.
  • Vue Pivottable - 基于 jQuery 的 PivotTable.js 的 Vue 端口
  • Vue Datamaps - 基于 javascript 的 DataMaps 的 Vue 端口
  • Marked.cc - 创建和分享您的笔记和散文的美丽图像.
  • LeagueStats - 在线游戏英雄联盟玩家的统计网站.
  • Veniqa - 一个电子商务解决方案,带有一个用 Vue 编写的购物客户端和管理面板.
  • tato music player - 一个移动优先的、手写的、响应式的网络应用程序,为音乐爱好者用 Vue 和 Vuetify 编写.
  • Sheiley Shop - PWA 跟踪个人购买,没有更多的纸和铅笔去超市 Vue 和 Vuetify
  • Afterman - 从邮递员集合中以降价和 HTML 格式创建漂亮的文档. 使用 Quasar 框架
  • Greenpress Admin Panel - Greenpress 的管理面板,一个用于创建博客和内容网站的完全可操作的开源软件.
  • Greenpress Blog-Front - Greenpress 的前端应用服务,一个用于创建博客和内容网站的完全可操作的开源软件.
  • Movie Paradise - 由 Vue 和 Vuetify 构建的响应式电影预览 Web 应用
  • Pathfinding Visualizer ThreeJS - 具有迷宫生成和第一人称视角的 3D 寻路算法的可视化工具
  • Agile Visitors - 注册员工条目的应用程序,可以以最少的努力生成报告、验证和存储用户.
  • Pexelry - 利用 pexels api 使您能够找到精美照片和图片的应用程序.
  • karrot-frontend - 用于组织全球食品节约团体的网络应用程序.
  • Realtime quiz framework - 使用 NodeJS、VueJS 和 Ably 构建的入门套件,提供可扩展的基础网络框架来举办现场测验
  • LogChimp - 用于跟踪客户反馈以构建更好产品的开源软件.
  • Trooveo - 搜索、收听 YouTube 视频(仅限音频),没有 YouTube Api.
  • Yacht - 使用 Vuetify 的 Docker 容器管理 webui,可轻松管理 Docker 容器和项目.
  • Antares SQL - 使跨平台 SQL 客户端变得简单而完整.
  • Bagisto - 一个免费的开源 Laravel 电子商务框架,专为所有人构建和扩展您的业务而构建.
  • Samaya - Chrome 新标签上友好的个人仪表板; 以尼泊尔日历、每日尼泊尔语报价和尼泊尔壁纸为特色.
  • Mythic table - 用于玩角色扮演游戏的免费和开源虚拟桌面.
  • GrandNode 2.0 - 基于 .NET Core 5.0 和 MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS 的开源跨平台电子商务解决方案

Commercial Products

  • Wijmo - 支持 VueJS 的 UI 控件集合.
  • ChatWoot - 通过 Facebook Messenger 进行实时聊天和代理协作.
  • VueA - 具有多种布局和 Laravel 版本的 VueJS 管理模板.
  • Teleo - 团队协作应用程序在谈话、计划和做之间轻松移动
  • EducationLink - 面向教育代理和大学的 CRM 和销售自动化.
  • Pragmatic v2.0 - 使用 Vue.js 和 Element 构建的响应式且可配置的管理模板.
  • Moonitor - 桌面加密货币跟踪器.
  • Deskree - 在线协作平台,将想法、任务和问题集于一身.
  • OSHCExpress - OSHC(海外学生健康保险)保险(澳大利亚国际学生保险)的比较和电子商务.
  • Agiloo - Scrum 和看板的项目管理应用程序
  • ScaffoldHub - 带有 NodeJS 和 MongoDB 或 SQL 的 VueJS 在线 Web 应用程序生成器.
  • Commandeer - 重新构想云管理. 使用 Vue.js 和 Electron 构建的桌面云管理应用程序.
  • Mongster - 将您的 Mongo DB 节点连接到控制面板内的一个集群中.
  • Leave Dates - 一种跟踪员工休假的强大新方法.
  • Time Door - 时间序列分析 API
  • vREST NG - 用于自动化 API 测试的企业应用程序,使用 VueJS 和 Element UI 构建.
  • ScaleChamp - 多云托管数据库提供商,支持 Hetzner、AWS、Linode、IBM、Azure、Scaleway、阿里云、DigitalOcean、GCP 和 UpCloud
  • Coloban - 多合一的项目管理工具,包括聊天、看板、甘特图、通话、屏幕共享等等.
  • NxShell - 一个易于使用的 SSH 新终端,基于 Electron 和 VueJS.

Apps/Websites

  • Laravel Spark
  • Vice Video
  • Formlets
  • Laracasts
  • esa.io
  • 稀土掘金
  • Prague Airport
  • Portfolio Site
  • Statamic
  • Embalses! - 使用美国地质调查局数据库报告水坝水位的工具.
  • TravelMap - 旅行者基于地图创建博客的简单方法.
  • Proper Cloth Shirt Builder - 定制衬衫制造商.
  • Powerpuff Yourself by Cartoon Networks
  • vNotes - 带有 Vue.js 和本地存储 API 的简单而漂亮的记事本到 Markdown.
  • Open Function Computers
  • Dermail - 用 Vue.js 编写的用于 Dermail 的 webmail 客户端,一个用 node.js 编写的邮件系统.
  • octimine - 专利搜索引擎.
  • Draxed - 基于 Web 的 MySQL 和 PostgreSQL 数据浏览器和仪表板管理器.
  • Jobinja - 在伊朗运营的工作委员会和职业平台.
  • 滚蛋吧!莆田系 - 显示所有莆田医院信息
  • Livestorm - 网络研讨会/现场活动应用程序.
  • Holden
  • Global-Exam - 语言能力测试在线培训
  • SlugSurvival - 帮助学生更好地规划课程的网络应用程序(业余项目,不隶属于 UCSC).
  • GitRelease - 使用 vue.js 和电子在 mac 菜单栏上跟踪 github 项目的新版本.
  • 12BAY.VN - 应用在线航班预订.
  • PLAYCODE.IO - 快速前端实验的游乐场.
  • The Void Radio - 地下音乐在线电台.
  • Bitly Vue - 使用 VueJS 和 Bitly API 缩短 URL.
  • Storyblok - 基于 API 的/解耦 CMS,使用 VueJS 作为其前端.
  • WizzAir
  • Moving to HTTPS - 将不同平台/托管站点迁移到 HTTPS 的指南
  • Booknshelf - 发现不同主题的好书和书架.
  • Euronews - Euronews 是一家多语种新闻媒体服务公司,总部位于法国里昂.
  • Roozame روزامه‡ - Roozame 是波斯智能新闻媒体服务.
  • Koumoul
  • NinjaCalc - 一套嵌入式工程相关计算器,使用 vue.js 作为开源单页应用程序构建.
  • Vue.js Feed - 最新的 Vue.js 新闻、教程、插件等. 用 Vue.js 和 Laravel 制作.
  • 蒜瓣 - 使用Vue2.0和豆瓣API开发的网络应用
  • Guess Right - 一个“猜词”游戏 - 用 Vue/vuex/vue-router(前端)和 Laravel/MySQL(后端)编写. 代码是 Open Source on GitHub (虽然不是在 kdcinfo 运行游戏的实时文件).
  • GRAP - 商务通讯服务
  • Easy Mock
  • mmf-blog-vue2-ssr - 使用 Vue 2.0、vue-router 和 vuex 构建的博客,具有服务器端渲染
  • JSON Schema Editor - 使用 Vue.js 和 Firebase 构建的 JSON 模式的直观编辑器.
  • Winsome Trivia - 单人或多人问答游戏,包含 2,000 多个独特的问题,使用 Vue.js 构建并由开放问答数据库提供支持.
  • Moon Organizer - 农历应用程序
  • 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 - 用于 vue-electron 的 Ripple(区块链硬币)钱包桌面客户端
  • PingBreak - 使用 vuejs 进行实时仪表板的免费且简单的网站监控服务
  • Todoist Tribute - Todoist 克隆,用 Rails + Vue 编写
  • JSON Editor - 使用 Vue2 和 firebase 构建的模式感知 JSON 编辑器.
  • Develteam - 独立游戏开发者的社交网络.
  • Mixsii - 面向青少年、成人、家人和朋友的免费视频聊天室网站.
  • PipQuest - Vue 内置的复古风格的益智游戏
  • Matryx - 去中心化的协作平台.
  • iPrevYou - YouTube™ Player - 用于在桌面上观看 YouTube 视频的 chrome 应用程序.
  • Item Manager - 为命运 2 游戏转移物品的应用程序.
  • Frontend Masters Intro to Vue - 前端大师全日制课程
  • TR-101 - 鼓合成器/音序器.
  • Bazaar - 媒体分享平台.
  • Vectr - 免费的矢量图形软件
  • brain bits - Emotiv 耳机的 P300 在线拼写机制
  • Coin Dashboard - 完全客户端的加密货币资产仪表板.
  • Habitica - 角色扮演游戏形式的在线任务管理应用程序.
  • MadeWithVueJs - 使用 Vue.js 制作的项目画廊(网站本身也使用 Vue.js)
  • CodeDependencyScanner - A C# dektop application that display .Net assembly code dependencies build with Vue, Neutronium and D3.js.
  • Thousand Ether Homepage - 百万美元主页被重新设计为以太坊 DApp. 建立在 Vue.js 和开源之上.
  • Let's Enchance - 免费在线图像升级和神经网络增强.
  • Pi.TEAM - Online Invoicing and Accounting - 易于使用的在线会计和发票,对单个用户和自由职业者免费.
  • Vuethwallet - 一个简单的应用程序使用 vuejs 生成以太坊钱包.
  • Tipe - 下一代 API 优先 CMS. 使用强大的编辑工具创建您的内容,并使用 GraphQL 或 REST API 从任何地方访问它. 停止让您的 CMS 决定您如何构建应用程序.
  • Vuethexplore - 一个简单的应用程序,使用 vuejs 探索以太坊区块链.
  • Fintechers - 以金融科技为重点的工作委员会.
  • Devjournal - 项目和想法的协作待办事项列表.
  • Bubbleflat - 通过搜索生活方式、兴趣或学校相似的人,帮助学生和年轻专业人士找到理想室友的在线平台. Laravel 和 Vuejs
  • TeaQuinox Tea Co - 专门从事散叶茶的电子商务网站.
  • blip - 测试网站的速度、移动友好性、安全性和 HTML5 文档类型. 查找某个位置附近的企业并测试他们的网站,或者只是测试您自己的 URL.
  • sunpos - 太阳位置、海拔、方位角、黄道/赤道坐标和日出/日落时间(儒略日)计算和转换实用程序. 网站使用纯 JS、Vuejs 和 i18n Vuejs 本地化插件进行编程. 可视化是使用 D3.js 创建的.
  • U3xyz - 基于 vue ssr 的个人博客.
  • 27.ua - 乌克兰互联网大卖场
  • Chess Guardian - 从您自己的游戏中回答国际象棋位置问题.
  • Blackjack Break - 一个快速的二十一点游戏
  • GameVix - 与他人交换您用过的视频游戏光盘,无忧无虑. 带有材料设计的 PWA.
  • VivifyScrum - 适用于交付团队的敏捷项目管理应用程序. 可定制的 Scrum 和看板.
  • 9GAG - 流行的在线平台和社交媒体网站
  • Kitchen Stories - 烹饪平台
  • MailRabbit - 无需开发人员即可创建、A/B 测试和监控交易电子邮件.
  • Vue 资源精选 - 很棒的 Vue 组件列表、类别、内联演示展示和简介
  • Cronhub - 无痛 Cron 监控工具
  • wrkprty - 为希望离开办公室的自由职业者、远程工作者和专业人士举办的弹出式联合活动.
  • Made with love - The Made with Love ❤️ 在世界各地,倡议是一场庆祝、推广和建立品牌的运动. 它从 Dribbble、ProductHunt、Behance 和 Techcrunch 等多个来源提供技术新闻、设计灵感和趋势.
  • Path to Product - 在初创公司和科技公司发现 1,000 多个产品工作.
  • V·oogle - Google.com, reVued. 一个笑话项目. :)
  • Broker Notes - '学习成为房地产经纪人' 🏠
  • SyncLounge - SyncLounge 是一种在多个位置的多个播放器之间同步 Plex 内容的工具.
  • HCE.it - 一家意大利机构的网站,完全使用基于 Laravel 的无头 CMS 的 Vue 制作.
  • Pages - 网页设计灵感
  • Scrumpy - 适用于敏捷团队的精美项目管理工具
  • Spektrum - Spektrum Media Agency 网站
  • SPK SPK 生态系统网站
  • IDDEF ☪️重视人类的网页、CMS、CRM 和 Donation 以及所有电子商务页面的协会联合会都是使用 Vue.js、Vuex 和纯 JavaScript 设计的
  • Configuration File Management - 管理配置文件的简单方法
  • Roast 一个应用程序,旨在帮助咖啡爱好者在学习 Laravel + Vue.js 的同时找到他们的下一杯咖啡.
  • YBR - 集中式 YBS 公共电子投诉管理系统. (全SPA)
  • Regex Fiddler
  • Myanpwel - 活动售票平台网站.
  • CryptoArte - 以太坊艺术收藏品、不可替代的代币和 Dapp.
  • Muuviez - 设计时尚的电影发现和跟踪网站
  • NAGA VIRTUAL - NAGA VIRTUAL 是第一个独立的虚拟商品市场.
  • Scroll.in - Scroll.in 是一家独立的新闻、信息和娱乐企业.
  • Akunyi - 慈善网站
  • What Would Mark Ruffalo Do? - 励志网站基于 Mark Ruffalo 在获得成功之前在数百次试镜中失败的故事.
  • Brandy - 菜单栏的品牌资产管理器.
  • NBC Sports - NBC Sports 是一个体育新闻网站.
  • WITHIN - 虚拟现实中的非凡故事.
  • plottr.io - 规划您的跑步和骑行路线
  • beCamp - 在弗吉尼亚州夏洛茨维尔举行的社区组织的技术会议. 网站代码是开源的.
  • Trustpilot - 一个免费且对所有评论开放的平台.
  • Lagom - 简单、直观和完全响应的 WHMCS 主题
  • ScoutMyTrip - Roadtrip Planner - 印度公路旅行规划应用程序,可帮助旅行者制定行程、发现兴趣点、沿途寻找酒店、加油站、食品店等.
  • GamersClub - 巴西最大的电子竞技社区发展公司
  • MIT - 麻省理工学院官方网站.
  • Elvenar - Elvenar 是一款基于浏览器的幻想城市建设游戏.
  • Beacon - :blue_heart:允许您跨多个网站共享您的内容的服务.
  • Artfinder - Artfinder 是一个买卖艺术画的网站.
  • Rolodromo - 致力于桌面角色扮演游戏的西班牙网站.
  • GitHubExplorer - 用于探索 GitHub 的纯静态页面 web 应用程序. 使用 VuejsGitHub GraphQL API v4.
  • Keynote - 与 Vue 一起呈现.
  • HappyPlants - 用于组织植物的渐进式网络应用程序.
  • Pocket Lists - 世界上最友好的待办事项列表应用程序.
  • Padlet - 协作公告板
  • Glovo - 按需交付
  • MySigMail - MySigMail 是一个免费的浏览器电子邮件签名生成器,无需创建帐户
  • Wordguru - 一个简单的口头游戏,您可以分成小组并尝试猜测尽可能多的关键字.
  • ApiFlash - 基于 Chrome 的屏幕截图 API,构建于 AWS Lambda 之上,面向开发人员
  • Kitty Ipsum - 生成由不同语言的“喵”组成的lorem ipsum.
  • Git Superstar - 计算您的 git 星级和顶级存储库.
  • DECS - 用于管理代码片段和保护敏感数据的分散式多合一工作区.
  • Asciiur - 互联网的 ascii 艺术收藏
  • Tapestri Designer - 为基因组测序实验 (NGS) 设计 PCR 引物的免费工具
  • Remote-Access-SSH - 使用 node-ssh 基于 Web 的远程主机访问
  • Map Marker Generator - 即时生成自定义地图图标的免费在线工具
  • Monocle Reader - 在一处关注提要、Twitter、YouTube、博客和其他所有内容.
  • 前站导航 - 前端社区、文档收录.
  • Geenes - 生成调色板并将其应用到您的 UI,然后将其导出为草图或代码.
  • Blurrish - 使用 Vue 和 Electron 构建的适用于 Mac/Windows 的加密 Morning Pages 日志. 书写时模糊,以便您可以在公共工作区中记录.
  • ExifShot - 漂亮的摄影内容和方式.
  • Studolog - 面向学生的在线文件共享平台,包括测试人员和评论. 目前仅在捷克语中.
  • sum.cumo – 数字商业模式(以 Vue 作为技术堆栈的核心).
  • Gamebrary - 用于组织视频游戏收藏的开源工具.
  • Premium Poker Tools - 扑克玩家用来学习什么.
  • QMK Configurator - 从浏览器配置、构建和下载自定义 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 Vehicle Configurator - BMWUSA 车辆配置器
  • mumbasket - 一个带有 laravel 和 vuejs 的电子商务网站
  • Fanmio - 通过 Fanmio 上的个人视频体验认识您最喜欢的名人
  • OneConcern source
  • AtomicWallet - 多资产加密货币钱包. 桌面和 mobile 两个应用都是用 Vue 构建的.
  • Helpninja - 简单快速的服务台
  • Todo DEV - 为使用 Vuejs、Vuetify 和强大的 Firebase 的开发人员制作的简单 Todo 应用程序.
  • 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 - 保持公式是一个简单的应用程序,让您的计算更容易.
  • tato music player - 一个移动优先的、手写的、响应式的网络应用程序,为音乐爱好者用 Vue 和 Vuetify 编写.
  • ChatterBoxes - 用于快速秘密聊天会话
  • goonlinetools.com - 100% 免费在线工具网站.
  • CMD Generators 命令行生成器 - Generate CMD by click buttons. Such as tar, ssh. 命令行参数多不熟悉? 点点按钮就能生成啦!
  • Portfolio Site - Olaolu Olawuyi,前端开发人员和用户体验工程师的投资组合网站.
  • Portfolio Site - 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 - 使用 Vue + Vue Router + Vuex 的基于游览的 Web 应用程序.
  • National Institutes of Health (NIH): FEVS Survey Results - 联邦观点调查 (FEVS) 调查结果的美国国立卫生研究院 (NIH) 数据可视化.
  • U Can Stock - 面向韩国的美国股市信息平台. 它是用 Vue、Vuex、Vuetify、Nuxt 和 Firebase 构建的.
  • Nipashe -“Nipashe”是斯瓦希里语,意思是“通知我”.Nipashe 是一个用 Vue + Vuex(状态管理)+ Vue-Router(导航)构建的网络应用程序,它提供了世界各地当前 COVID19 感染的统计数据根据世界卫生组织
  • 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 构建.

Interactive Experiences

Enterprise Usage

A11y

Components & Libraries

UI Components

Table

表格/数据网格

  • vuetable-2 - 数据表简化.
  • vue-tables-2 - Vue.js 2 网格组件.
  • vue-datasource - 用于创建动态表的 vue.js 服务器端组件.
  • ag-grid-vue - 用于 ag-Grid 的 Vue 适配器.
  • vue-data-tables - Vue2.0 数据表,基于 element-ui.
  • vue-floatThead - Vue 2.0 component for floatThead, a floating & sticky table header plugin.
  • vuetiful-datatable - 具有排序、过滤、分页、分组和聚合的数据表组件.
  • vue-materialize-datatable - 用于 Materialize CSS 的 VueJS 数据表
  • vue-good-table - 易于使用的 VueJS (2.x) 表格插件,具有排序、列过滤、分页等功能.
  • vue-grid - 一个灵活的 Vue.js 网格组件
  • vue-easytable - 基于Vue2.x的强大表格组件
  • vue2-datatable-component - Vue.js 2.x 的最佳数据表,永不烂
  • vue-js-grid - Vue.js 2.x 响应式网格系统,具有平滑排序、拖放和重新排序功能
  • vue-handsontable-official Handsontable 电子表格组件的 Vue.js 包装器
  • vue-grid - 用于 Vue.js 2.x 的强大 flexbox 网格系统,使用内联样式构建
  • vue-data-tablee - 基于vue-good-table,一个简单漂亮的表格组件
  • vue-scrolling-table - 简单的表格组件,具有 flexbox 大小、滚动表格主体(水平和垂直)、所有 tr/th/td 渲染的插槽.
  • el-search-table-pagination - 将 Element UI 的 Form、Table 和 Pagination 组件结合在一起. 基于Vue 2.x.(Detail)
  • vue-crud-x - 使用 Vuetify 布局的可扩展 crud 组件,除了通常的页面、排序、过滤器之外,它还能够进行嵌套 CRUD、自定义表单、过滤器、操作.
  • Vue Datatable - VueJS 驱动的数据表,带有 Laravel 服务器端加载和 JSON 模板设置
  • v2-table - A simple table component based Vue 2.x.
  • vue-cheetah-grid - 在 Vue.js 画布上工作的高性能网格引擎.
  • vue-table-component - 一个直截了当的 Vue 组件来显示表格.
  • @lossendae/vue-table - Vue.js 2.x 的简单表格组件,带有分页和可排序的列.
  • el-data-table - 基于element-ui,轻松制作crud
  • DevExtreme Vue Grid - 用于 Bootstrap 的基于插件的高性能 Vue 数据网格.
  • vue-ads-table-tree - 一个 vue Table 组件,具有过滤、排序和分页功能. 行可以有子行,因此可以构建树结构. 它还支持从后端加载行的异步调用. 它是用 css 框架 tailwindcss 构建
  • @marketconnect/vue-pivot-table - 数据透视表的 vue 组件
  • vue-teible - 用于网络的轻量级和灵活的表格组件:zap:
  • vue-jqxgrid - Vue 数据网格具有过滤、排序、编辑、分组、数据导出等功能.
  • vue-jqxpivotgrid - 带有枢轴设计器、钻取单元格、枢轴函数的 Vue 数据网格
  • toast-ui.vue-grid - Vue 包装器 TOAST UI Grid.
  • vueye-datatable - Vueye 数据表是基于 Vue.js 2 的响应式数据表组件,它按页面组织您的数据以便轻松导航.
  • vue-sorted-table - 将表格转换为排序表格的插件. 支持嵌套对象键、自定义图标和可重用组件.
  • vue-bootstrap4-table - 基于 Vue 2 和 Bootstrap 4 的高级数据表,其中包括多列过滤、多列排序、分页和信息、复选框行和高度可定制的插槽选项.
  • vuejs-smart-table - 直接表格组件,使用带有排序、过滤、分页和选择功能的普通 HTML 表格结构.
  • @myena/vue-table - 用于客户端/服务器数据处理的表组件. 过滤、排序、分页、分组、扩展详细信息行. 通过用于过滤器、标题、列、分页、详细信息行的插槽高度可定制.
  • vue-jd-table - Vue 2 先进灵活的数据表组件.功能丰富:搜索、过滤、导出、分页(传统和虚拟滚动)等等!
  • iview-table-page - 将 iview UI 的 Table 和 Page 组件组合在一起. 基于 Vue 2.x. 和听到一些使用 iview-table-page 的例子.
  • fancy-grid-vue - FancyGrid 的 Vue 适配器.
  • vue-table-dynamic - 具有排序、过滤、编辑、分页、多选等功能的动态表格.
  • vue-quintable - 基于 Vue 2.x 和 Bootstrap 4.x 的响应式和高度可配置的表
  • vue-grid-responsive - 基于 Bootstrap for Vue 2.x 的响应式网格系统.
  • vue-js-datatable - VueJS 轻量级包装器数据表组件 datatables.net
  • bee-grid-table -BeeGridTable ,是一个基于 Vue.js 的高度可定制的表格 UI 组件库. 功能丰富、效率更高、使用更方便!
  • vue-datagrid - Vue 网格包装器,用于强大的 webcomponent revo-grid 与 excel 类似丰富的编辑和行为.
  • element-ui-sticky-table - 对 element-ui 表有粘性
  • vue-dataset - 一组 Vue.js 组件,用于显示具有过滤、分页和排序功能的数据集!

Notification

Toaster/snackbar — 用无模式的临时小弹出窗口通知用户

Loader

加载器/微调器/进度条——让用户知道有东西正在加载

Progress Bar

页面顶部的细长进度条

Tooltip

工具提示/弹出框

  • v-tooltip - Vue 2.x 的简单工具提示.
  • vue-popper-component - Vue.js 的 Popper.js 指令.
  • vue-directive-tooltip - 简单、灵活的工具提示指令(基于 Popper.js) Vue.js
  • vue-popperjs - VueJS 2.x 弹出组件
  • vue-tooltipster - VueJS 2.x 工具提示组件. 支持 html 内容、hover 和 hover+click 事件.
  • k-pop - 简单的弹窗组件基于 popper.js . 高度可定制. 带有主题. 支持自定义触发器,可以监听任何事件.
  • @adamdehaven/vue-custom-tooltip - Vue 2 & 3 :tada:可定制、反应式和可重用的工具提示组件,支持插件选项、道具和多个用例. 也适用于 SSR(例如 VuePress、Nuxt)并包括 TypeScript 类型. (Vue 3 在 next 分支/npm 标签上可用)

Overlay

Overlay / modal / alert / dialog / lightbox / popup

  • vuedals - 一个 VueJS (2.x) 插件,用于具有单个组件实例的多个模态窗口.
  • sweet-modal-vue - 发生在模态上的最甜蜜的图书馆. 现在可用于 Vue.js.
  • vue-js-modal - Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal with 0 dependencies.
  • vudal - vue.js 的模态窗口
  • vodal - 带有动画的 vue 模态.
  • vue-image-lightbox - 一个 Vue 图像灯箱/画廊,可以很好地显示图像.
  • vue2-simplert - Irfan Maulana 的 Vue 2 简单警报组件(SweetAlert 启发)
  • Vue-Semantic-Modal - 不依赖 jQuery 的 Vue 2 Semantic-UI 模态组件
  • v-img - 易于安装的图片库.
  • vue-dialog-drag - 可拖动对话框
  • vue-ya-semantic-modal - 另一个没有 Jquery 但有 Vue 转换的 Vue2 语义 ui 模态组件
  • vue-pure-lightbox - 非常简单的灯箱插件,没有任何依赖 - 只有 Vue!
  • v-viewer - vue2和vue3的图片查看器组件,支持旋转、缩放、缩放等,基于 viewer.js
  • vue-messagebox - Vue 上简单且定制的消息框组件.
  • vuejs-dialog - 轻量级、基于承诺的警报、提示和确认对话框.
  • @hscmap/vue-window - vue2 的窗口 UI 组件.
  • vue-gallery - VueJS 响应式和可定制的图像和视频库、轮播和灯箱,针对移动和桌面 Web 浏览器进行了优化. 基于blueimp-gallery
  • vue-swal - 用于将 SweetAlert 集成到 Vuejs 的小包装器. (兼容SSR)
  • vue-modal-dialogs - ✨ 承诺你自己的对话!
  • vue-img-view - Vue.js 插件,可以在任何地方拖动/查看/旋转图片
  • vue-modaltor - 最先进的 vuejs 可配置模态组件
  • v-modal-backdrop - 一个简单的 vue 通用背景组件
  • vue-cute-modal - 用于 Vue 应用程序的简单易用的 Modal 组件.
  • v-dialogs - 一个简单而强大的对话框,包括 Modal、Alert、Mask 和 Toast 模式,基于 Vue2.x
  • vue-gallery-slideshow - VueJS 的响应式画廊组件
  • vue-a11y-dialog - 可访问对话框的 Vue.js 组件包装器 a11y-dialog.
  • vue-slideout-panel - VueJS 的可堆叠面板组件
  • v-gallery - Vue2 插件,用于在gallerycarousel 中显示图像
  • vue2-image-loader - 用于 vue2 的图像延迟加载加载器组件
  • vue-my-photos - 具有过滤功能的简单无依赖图像灯箱组件
  • vue-img-orientation-changer - 一个 Vue.js directive 自动调整你的 img 以纠正 orientation.
  • vue-topmodal - 一个完全可定制、易于使用的 Vue.js 模态组件. (响应式、可堆叠、可滚动、动画)
  • vue-modal 🖼 - 为多个可切换模式内容提供对象数组或快速内联您的内容. 一个完全可定制的 vue 模态组件.
  • @innologica/vue-stackable-modal - 可堆叠的模态对话框库. 完全可定制且非常易于使用.
  • vue-sweetalert2 - 支持 TypeScript、Nuxt 和 SSR 的 Sweatlaert2 包装器
  • vue-modality - 一个非常好的 Vue.js 模态组件
  • vue-tinybox - 一个很小的(压缩后只有 2.5 KB)和光滑的灯箱画廊. 针对桌面和移动设备进行了优化.
  • vue-accessible-modal - 组件上的 Vue.js 可访问模式包装器.
  • vuetify-dialog - 易于与 Vuetify 一起使用的对话框.
  • vue-hawesome-modal - 基于 Vuetify 和 Vuex 的 Vue promisify 模态组件插件.
  • xmodal-vue - 围绕组件的简单且易于使用的包装器,可帮助您从组件创建自定义和动态模态.
  • @kouts/vue-modal - 一个可定制的、可堆叠的、轻量级的模态组件,它遵循 W3C 的 WAI-ARIA 对话框(模态)部分中设置的准则.
  • vue-final-modal Tailwind 友好、高度可定制、可堆叠的模态组件.
  • vuesence-modal-window - 简单的模态窗口 Vue.js 组件,负责覆盖、居中、动画、外部点击/Escape 键/X-mark 关闭,并允许您只专注于其内容.
  • vue-it-bigger - Vue.js 的简单图像/(YouTube)视频灯箱组件.
  • v3confirm - 专用于 vue3 的插件,用于显示确认对话框模式.

Parallax

  • vue-parallax - 以比窗口慢的速度滚动图像以创建整洁的光学效果.
  • vue-parallaxy - 用于视差图像滚动效果的 Vue.js 组件.
  • vue-mouse-parallax - 一个简单易用的鼠标视差组件 - 用 Vue.js 制作
  • vue-parallax-js - 为元素添加视差效果指令的微型 vue 组件.
  • vue-parallax-view - 创建一个复合控件,显示对鼠标移动做出反应的不同图像以创建深度效果

Icons

Marquee

Minus Plus Input

  • vue-easy-slider - Vue.js 的滑块组件.
  • vue-l-carousel - Vue.js v2.x+ 的响应式轮播(即滑块或滑动器)组件.
  • vue-awesome-swiper - Vue.js(1.x ~ 2.x) 的 Swiper(slide) 组件.
  • vue-lory - 基于 lory 的 Vue 滑块组件.
  • vue-slick - Slick-carousel 的 Vue 组件.
  • vue-flickity - Flickity.js 的 Vue 组件.
  • vue-carousel-3d - Vue Carousel 3D - 美观、灵活且支持触摸的 Vue.js 3D Carousel.
  • vue-carousel - 适用于 Vue.js 的灵活、响应式、触摸友好的轮播.
  • vue-coverflow - vue2.x Coverflow 组件.
  • vue-agile – 受 Slick 启发的轮播组件,仅用 Vue.js 和 vanilla JS 编写.
  • vue-tiny-slider – 由甘蓝源创建的轮播组件,使用 Vue.js 编写. 没有jQuery. 适用于 IE8+.
  • vue2-text-swimlane - Vue.js 的 Text Swimlane 插件
  • vue-picture-swipe - Vue 图片滑动图库(带有缩略图、延迟加载和滑动的图像图库)由 photowipe 支持.
  • vue2-siema - 非常小的 Siema carousel/slider 库的插件包装器.
  • vue-flux - 带有 20 个酷炫过渡的图像滑块.
  • vue-glide - Vue 滑块和轮播组件位于顶部 Glide.js
  • vue-owl-carousel - 用于查看的组件 Owl Carousel 2
  • vueper-slides - 适用于 Vue JS 的触控式响应式幻灯片/轮播.
  • Hooper - 可定制的可访问轮播滑块针对 Vue 进行了优化
  • Lingallery - Vue 的简单图片库组件,可在下方显示带有缩略图的大图片
  • vue-piece-slider - 动画幻灯片的碎片化外观
  • vue2-photo-carousel - Vue2 的照片轮播组件
  • vue-netflix-slider - 类似 Netflix 的滑块.
  • vue-pswipe - 简单易用,无需设置大小,支持旋转,基于photoswipe的vue swipe插件
  • vue-cat-carousel - 轻量级、简单且可定制的 Vue Js
  • @egjs/vue-flicking - 它是 Vue.js 2 的可靠、灵活和可扩展的轮播.
  • slither-slider - 图像、视频或组件的轮播. 几乎可以扔任何你想要的东西.
  • vue-slick-carousel - 具有流畅功能和 SSR 支持的旋转木马,专为更快的 Luxstay 而编写
  • @jfm/vue-carousel - 视图轮播组件.
  • vue-snap - 基于 Scroll Snap CSS 的轻量级轮播
  • vuerollr - Vue.js 的鼠标悬停画廊插件. 支持图片和视频.
  • vue-splide - Splide 是一个免费的轻量级但功能强大的滑块和旋转木马,用纯 JavaScript 编写,没有任何依赖项. 它支持缩略图滑块、嵌套幻灯片.
  • swiper - Swiper 6 添加了对 Vue.js 的官方支持(仅 3.x).
  • vue-split-carousel - 一个轮播组件同时显示多个轮播项目,支持 vue 2 和 vue 3.
  • vue-concise-carousel - 带有真正 SSR 的 Vue 简洁轮播. 适用于 Vue 2 和 3.

Charts

Time

显示时间/日期/年龄

Calendar

在日历中显示不可编辑的事件

Map

Audio / Video

  • Vue-APlayer - 🍰 易于配置的 Vue 2.x 音乐播放器.
  • vue-audio - 音频标签包装器; Vue 2.x 的声音播放器组件
  • vue-dplayer - 基于 DPlayer 的 Vue 2.x 视频播放器组件.
  • vue-canvasvideo - 一个 Vue 2.x 组件,用于 iOS/Safari 上的视频背景和自动播放视频.
  • vue-music - 基于 html5 的 Vue 组件<audio>.
  • vue-audio-visual - Vue HTML5 音频可视化组件.
  • vue-plyr - 一组用于 plyr 视频和音频播放器的 Vue 组件.
  • v-playback - 一个 Vue2 插件,使视频播放更容易.
  • vue-audio-recorder - Vue.js 的录音机. 它允许在服务器上创建、播放、下载和存储记录
  • vue-video-section - Vue 的简单视频标题/部分组件. 适用于视频背景并在其上叠加内容.
  • vue-waveform - 它是使用画布波形音频播放器 wavesurfer 组件包含 Vue 2.x 的时间轴栏线
  • vue-responsive-video-background-player - 以不同的分辨率在后台响应地播放您自己的视频.
  • vue-h5-audio-controls - 适用于 Vue 的简单 h5 音乐控制器.
  • xns-audio-player-simple - 轻巧且可定制的 Vue 2.x 音频播放器驱动的 HTMLAudioElement.
  • vue-core-video-player - Vue.js 的轻量级视频播放器
  • vue-player - 一个简单的 html5 视频播放器,带有用于 Vue 2.x 的 img 占位符.
  • vue-audio-better - 易于为 Vue 2.x 创建自定义音频播放器组件. 一个有灵魂的进度条.
  • vue-sounds - 轻松为您的组件添加声音.
  • vue-soundcloud-player - 支持单曲和播放列表的自定义 Soundcloud 播放器
  • vue-use-sound - 用于播放音效的 Vue Hook.
  • vue-flv-player - Vue 2.x 的 HTML5 Flash 视频 (FLV) 播放器组件,基于 flv.js.

Infinite Scroll

Pull-to-refresh

Markdown

  • vue-markdown - 适用于 Vue 的强大且高速的 Markdown 解析器.
  • vue-mavonEditor - 基于Vue的markdown编辑器,支持多种个性化功能.
  • vue-simple-markdown - 适用于 Vue 的简单且高速的 Markdown 解析器.
  • vue-simplemde - 一个包装 simplemde . 适合初学者和专家的令人愉快的编辑. 具有内置的自动保存和拼写检查功能.

PDF

  • vue-pdf - 基于 mozilla 的 PDF.js 的 pdf 查看器
  • pdfvuer - Vue 的 PDF 查看器,使用 Mozilla 的 PDF.js 和文本支持. Demo
  • vue-pdf-embed - Vue 2 和 Vue 3 的 PDF 嵌入组件

Tree

Graph

  • vue-pipeline - 一个易于使用的组件,可以像 jenkins 蓝海插件一样展示漂亮的响应式管道.
  • vnodes - 用于创建 svg 交互式图形、图表或基于节点的可视化工具的通用组件.

Social Sharing

  • vue-social-sharing - 一个用于分享社交网络链接的无渲染 Vue.js 组件,与 SSR 兼容
  • vue-goodshare - 用于社交分享的 Vue.js 组件,具有漂亮的按钮设计. 安装简单、文档丰富、开发人员支持、SEO 友好、干净的代码,无需脚本跟踪页面上的用户活动,速度快. 使用 Vue.js 2.x.
  • vue-socialmedia-share - 一个用于共享社交网络链接的 Vue.js 组件,使用 Vue 2.X
  • vue-picture-sharesheet - Vue 图片共享表组件的灵感来自 Apple 新闻室中的图像共享表
  • vue-twitter - 用于嵌入 Twitter 小部件(例如时间线、按钮)的 Vue.js 组件
  • vue-share-buttons - Vue.js 组件,用于在您的项目中放置按钮,您可以使用它来共享任何内容
  • vue-share-it - 用于共享社交网络链接的 Vue.js 组件
  • vuesocial - ‍♀️‍♂️ 一个易于使用的 Vue.js 按钮组件,拥有 65 多个社交网络.
  • vue-socials - Vue.js 的社交媒体共享按钮和计数.

QR Code

  • vue-qriously - 使用 qrious 在 HTML Canvas 上绘制二维码的 Vue.js 2 组件.
  • vue-qart - vue 2.x for qart.js 的指令.
  • vue-qrcode-reader - 一个 Vue.js 2 组件,用于检测和解码来自相机流的二维码.
  • vue3-qr-reader - Vue 3 QR 阅读器组件. 重构 vue-qrcode-reader 以兼容 vue 3.

Miscellaneous

  • vue-avatar - vue.js 的头像组件.
  • vue-touch-ripple - Vue.js(1.x ~ 2.x) 的触摸波纹组件.
  • vue-typer - 模拟用户键入、选择和擦除文本的 Vue 组件.
  • vue-keyboard - Vue 2 虚拟键盘组件.
  • vue-twentytwenty - 图像比较组件,适用于 Vue.js 2.x
  • vue-cookie-law - Vue.js 2.x 的 Cookie 信息插件
  • vue-gravatar - 适用于 Vue.js 2.x 的极其简单的 Gravatar 组件
  • vue-clipboard2 - 一个易于使用的 Vue.js 2.x 的 clipboard.js 绑定
  • vue-flashcard - 带有动画的 Vue.js 2.x FLashcard 组件:bulb:
  • vue-truncate-collapsed - 一个简单的组件,可以截断您的文本并为 Vue.js 2.x 添加一个“阅读更多/显示更少”可点击
  • vue-kanban - 灵活的拖放看板组件
  • vue-letter-avatar - 一个简单优雅的 vue.js 字母头像组件
  • vue-highlightjs - 使用 highlight.js 的语法高亮
  • v-clipboard - 将模型保存到剪贴板的简单、小巧且易于使用的指令(缩小后小于 2kb,无依赖项)
  • vue-invisible-recaptcha - 与 Google 的 Invisible reCAPTCHA 的超级简单集成
  • vue-embed - Embed 组件基于 Vue 2.x 的 embed.js,该组件可嵌入表情符号、媒体、地图、推文、要点、代码、服务和降价.
  • vue-particles - 用于粒子背景的 Vue.js 组件
  • vue-uniq-ids - Vue.js 2.x 插件,有助于使用与 id 相关的属性而没有副作用
  • vue-multivue - 在同一页面上使用多个同一类的 vue 应用程序.
  • vue-affix - 一个 Vue.js 2.x 插件,它在你滚动时在窗口中附加一个元素,类似于 Bootstrap Affix 但更简单和更智能
  • X-Browser-Update-Vue - Vue.js 浏览器更新插件.
  • vue-query-builder - 用于使用嵌套条件构建复杂查询的 UI 组件.
  • vue-info-card - 一个简单而漂亮的卡片组件,带有优雅的火花线和 CSS3 翻转动画.
  • v-offline - 简单、小巧且易于使用的 Vue 应用程序离线和在线事件检测(压缩后小于 390b)
  • vue-word-cloud - 一个词云生成器.
  • vue-flat-surface-shader - 一个 Vue 组件 flat surface shader
  • vue-easteregg - Easey 向您的 vue 应用程序添加一个复活节彩蛋(默认使用 konami 代码)
  • vue-barcode-scanner
  • vue-heatmapjs - 用于跟踪和可视化鼠标活动的 Vue 指令
  • vue-maze - 一个用 Vue.js 组件制作的小迷宫游戏
  • vue-drag-verify - 这是一个vue组件,滑动解锁登录或注册.
  • vue-balloon - 用于在页面角落创建固定、可缩放容器的 Vue 组件. 类似于 gmail 中使用的邮件组合包装器.
  • vue-sticker - 任何方向的贴纸效果
  • v-rating - ⭐️ 使用 VueJS 制作的语义 UI 中的评级组件(< 500B gzipped,超快)
  • vue-content-placeholders - 用于在 vue 中渲染虚假(渐进式)内容(如 facebook)的可组合组件
  • vue-page-designer - 用于拖放以设计和构建移动网站的 Vue 组件.
  • vue-creativecommons - CreativeCommons.org Vue.js 组件库.
  • vue-status-indicator - 将状态指示器显示为彩色圆点的 Vue.js 组件.
  • vue-google-adsense - 支持 InFeed 和 InArticle Ads 的 Vue.js Google Adsense 组件
  • emoji-vue - Vue.js 项目的表情符号下拉菜单
  • vue-chessboard - Chessboard vue 组件用于加载位置、创建位置和查看威胁.
  • vue-mindmap - 用于 mindnode 地图的 Vue 组件.
  • v-currency - 用于格式化货币的 Vue 组件.
  • vue-emoji-picker - 高度可定制的 unicode 表情符号选择器
  • vue-8-puzzle - 一个用 Vue.js 组件制作的小幻灯片益智游戏
  • vue-e164 - 具有 E.164 标准支持的可定制电话格式化程序
  • vue-pgn - Vue.js 组件,用于以 pgn 格式查看国际象棋比赛
  • vue-avatar-editor - 使用清晰的用户界面调整大小、旋转和裁剪上传的头像.
  • vue-connection-listener - Vue 事件总线插件监听在线/离线变化.
  • vue-sauce - Vue 的“查看源代码”指令.
  • vue-prom - Vue 承诺包装组件.
  • numeric-keyboard - 用于移动浏览器的数字键盘.
  • vue-zoom-on-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 组件
  • vue-cast-props - 提供了一种将 props 转换为常见数据类型的便捷方式.
  • vue2-heropatterns - Vue2 实现允许您将流行的英雄模式添加到任何 Div
  • vue-link - 一个组件将它们全部链接起来(对待外部和内部链接相同)
  • vue-identify-network - ⚡️确定您的用户使用的是哪种互联网!
  • vue-cloneya - 一个用于克隆 DOM 元素的 vue 组件
  • vue-survey-builder - vue.js 应用程序的调查构建器
  • vue-if-bot - 基于用户代理向客户端隐藏/显示内容的轻量级组件
  • vue-clampy - Vue.js (2+) 指令,如果元素的内容太长,它会通过向元素添加省略号来限制元素的内容.
  • vue-cookie-accept-decline - 在页面上显示带有文本的横幅、拒绝按钮和接受按钮. 使用 cookie 记住选择. 在创建时发出具有当前选择的事件. 符合 GDPR 要求.
  • @lossendae/vue-avatar - VueJS 2.0 的头像组件.
  • vue-text-highlight - Vue.js 的文本荧光笔库
  • vue2-hammer Vue 2.x 的 Hammer.js 包装器以支持移动触摸..
  • vue-countable - countable.js 的 Vue 绑定. 提供实时的段落、句子、单词和字符计数.
  • v-show-slide - 一个 Vue.js 指令,用于在元素高度和高度之间设置动画:自动滑动.
  • vue-swipe-actions - Vue.js 的 iOS 风格滑动操作
  • vue-friendly-iframe - 用于创建超快速加载、非阻塞 iframe 的 Vue js 组件.
  • vue-beautiful-chat - 一个简单而漂亮的 Vue 聊天组件后端不可知,完全可定制和可扩展.
  • vue-magnifier - Vue.js 2.x 的简单图像缩放/放大组件.
  • vue-highlight-words - Vue 组件可突出显示较大文本正文中的单词. 移植自 react-highlight-words
  • vue-tags-ball - 用这个插件创建一个漂亮的球形标签
  • vue-rippler - 用于自定义涟漪效果的简单 Vue.js 插件
  • vue-contacts - Vue 的移动联系人组件
  • basic-vue-chat - 易于使用的 Vue.js 聊天
  • vue-resize-text - 根据元素宽度自动调整字体大小的 vue 指令.
  • vue-github-profile - 一个 vue 组件,用于查看确定用户的个人资料和 repos
  • vue-niege - 单个文件 Vue 组件通过画布添加暴风雪.
  • vue-dynamic-star-rating - 一个高度动态的 vue 星级评分组件,例如 google play 评分 ⭐️ ⭐️ ⭐️ ⭐️ ⭐️
  • vue-katex - 在 Vue.js 中使用 KaTeX 进行数学排版的简单插件
  • vue-baberrage - 基于 Vue.js 的简单弹幕插件
  • vue-terminal-ui - 终端 UI 模拟器 Vue:自定义和基本命令
  • vue-command - 一个完整的 Vue.js 终端模拟器
  • vue-ribbon - GitHub 功能区的 Vue 组件
  • avatio-avatar - 用于插图头像的 Vue 组件 - 被使用 Avatio
  • vue-jazzicon - 一个非常简单的 Vue 的 Jazzicon 组件.
  • vue-star-rating - 一个简单的、高度可定制的星级组件⭐️⭐️⭐️
  • vue-fixed-header - 由 TypeScript 编写的用于 Vue.js 的简单且跨浏览器友好的固定标头组件.
  • vue-particle-effect-buttons爆裂粒子效果按钮组件.
  • vue-insomnia - 防止显示屏休眠(唤醒锁定).
  • vue-car-plate-keyboard - A car license plate number keyboard for VueJS 2.x.(车牌号输入键盘,支持新能源车牌 )
  • vue-dataflow-editor - Vue2 数据流图编辑器
  • vue-twemoji-picker - 适用于 Vue 的快速即插即用 Twemoji Picker(用于 Twemoji 渲染的 +textarea).
  • vuejs-avataaars - 用于头像的简单头像生成器 Vue 组件.
  • vue-moveable - 创建可移动、可拖动、可调整大小、可缩放、可旋转、可变形等的 Vue 组件.
  • vue-camera-gestures - 让用户在 HTML 模板中的 1 行中使用 AI 和镜头前的手势控制您的 Vue 应用程序!
  • vue-aspect-ratio - 一个可以毫不费力地处理纵横比的小组件.
  • query-builder-vue - 一个查询构建器库,用于构建具有可拖动重新排序的复杂和嵌套查询.
  • vue-meeting-selector - 受 doctolib 启发的会议选择器,使用 Typescript 快速且完全定制.
  • cool-emoji-picker - 适用于 Vue 的快速即插即用 [Tw]emoji Picker(用于 Twemoji 渲染的 +textarea)组件.
  • vue-web-cam - VueJs 的网络摄像头组件.
  • vue-cursor-fx - 用于导航、画廊和轮播等交互元素的动画自定义光标效果.
  • vuetimeline - 一个易于使用的组件来构建漂亮的响应时间线.
  • v-emoji-picker - :star2:Vue 中使用 emojis natives (unicode) 的轻量级和可定制的 Emoji Picker 包.
  • learnawesome-flashcard - 通过 localStorage :bulb 间隔重复的抽认卡:
  • vue-portfolio-viewer - 为 vue js 滚动动画组合查看器组件:bulb:
  • vue-text-middle-ellipsis - 一个简单的 vue-directive(2+),如果里面的内容太长,它会在元素中间夹住内容.
  • vuesence-book - 文档/帮助系统组件.
  • vue-turnjs - 为您的应用程序添加书籍体验的组件库.
  • vuesence-sliding-header - 顶部导航栏的滑动标题.
  • tsParticles - 轻量级 Javascript 库,可轻松创建高度可配置和交互式的粒子动画
  • @bananajs/vue3-book-component - Vue 3 的 Book 组件.它提供简单、灵活的 API 和出色的可定制性.
  • @bananajs/vue2-book-component - Vue 2 的 Book 组件.它提供简单、灵活的 API 和出色的可定制性.
  • vue-image-zoomer - Vue.js 2 的图像缩放组件,也适用于触摸设备.
  • vue-show-more-text - Vue 多行句子省略组件. 组件中的文本将被截断.
  • vue-copy-to-clipboard - Vue.js 3 插件将文本复制到剪贴板 (Vue 3)
  • vue-advanced-chat - 功能丰富且完全可定制的聊天室组件. 支持文件、图片、视频、音频、表情、自定义动作等.
  • vue-visual-filter - ️‍♂️ 适用于 Vue 2 和 3 的无主见的高级视觉过滤组件.
  • vue-easter-egg-trigger - 这个包让你可以轻松轻松地将复活节彩蛋触发器添加到你的 Vue 站点.

Tabs

  • vue-tabs - 简单的标签和药丸.
  • vue-swipe-tabs - vue.js(vue2) 的触摸滑动选项卡组件.
  • vue-tabs-component - 使用 Vue 显示选项卡的简单方法.
  • vue-k-tabs - 一个带有 Gitlab 设计的简单标签组件.
  • vue-tabs-with-active-line - 简单的 Vue 2 组件,允许您制作带有移动底线的标签
  • vue-tabs-chrome - 类似 Chrome 标签的 Vue 组件.
  • vue-tiny-tabs - 作为 tinytabs Vuejs 包装器的简约选项卡组件(大小 < 3.1kb)
  • vue-lumino - 使用 Vue.js 和 Jupyter Lumino (PhosphorJS) 的组件,通过事件监听器和 Vue 反应系统集成 DOM 和 VDOM.
  • vue-router-tab - Vue.js 选项卡组件,基于 Vue Router.
  • vue3-tabs - vue 3 的触摸滑动标签组件
  • vue3-tabs-chrome - 类似 Chrome 标签的 Vue3 组件.

Form

让用户创建和编辑数据

Phone Number Input Formatter
Pincode Input
Picker
Generator
Date Picker

日期/日期时间/时间选择器

  • vue-datepicker - [未维护] 日历和日期选择器组件,为 Vue.js 设计材料.
  • vue2-timepicker - Vue 2.x 的下拉时间选择器(小时|分钟|秒),支持灵活的时间格式. 🕖(2019 年返回并充电 🔋
  • vuejs-datepicker - 一个简单的 Vue.js 日期选择器组件. 支持禁用日期、内联模式、翻译.
  • vuedt - 疯狂的轻量级(<5kb!)Vuejs 日期和时间选择器组件,具有 i18n 支持、漂亮的动画并且没有太多模糊.
  • vue-flatpickr-component Vue.js 组件 flatpickr 日期时间选择器
  • vue-jalaali-datepicker - 用于 vue.js 2 的 Jalaali 日历和日期选择器.
  • vue-date-picker - 受材料设计启发的 vue 日期选择器组件
  • vue-monthly-picker - Vue.js 组件仅用于月份和年份选择器
  • vue-hotel-datepicker - 响应式日期范围选择器,可显示所选夜数、允许自定义入住/退房规则、阻止日期、本地化支持等.
  • vue2-persian-datepicker - 一个很棒的用于 vue 的波斯日期选择器组件. 视图的日期选择组件.
  • vue-datetime - 适用于 Vue 的移动友好日期时间选择器. 支持日期、日期时间和时间模式、i18n 和禁用日期.
  • vue-rangedate-picker - 使用简单的范围日期选择器
  • v2-datepicker - 一个简单的基于 Vue 2.x 的日期选择器组件.
  • vue-datepicker-local - 一个漂亮的 Vue2 日期选择器组件.
  • vue-airbnb-style-datepicker - 具有与流行的 AirBnb 日期选择器相似的外观和功能的 Vue 日期选择器. 轻量级,可配置和良好的浏览器支持!
  • vue-persian-datetime-picker 波斯材料日期选择器. 支持日期时间、日期、时间、年、月.
  • VCalendar 非常可定制且功能强大的日历/日期选择器组件,具有许多功能和良好的文档.
  • @owumaro/vue-date-range-picker - 使用 Bootstrap 4 样式进行日期范围选择的 vue 组件
  • vue-datepicker-mobile - 适用于 vue2 的移动友好日期选择器. 🇨🇳 选择一天或日期范围并根据需要进行自定义.
  • vue-draggable-cal - 不是普通的日期选择器. Vuejs 可拖动日期选择器,具有全新的响应式设计、移动就绪和 0 依赖项,17kb gzipped.
  • vue-vanilla-datetime-picker - Vue 的日期时间选择器.
  • vue2-daterange-picker - 基于 bootstrap-daterangepicker 的 Vue2 日期范围选择器(无 jQuery 依赖)
  • vue-timeselector - 用于 Vue.js 的完全且简单可定制的强大时间选择器组件.
  • vue-date-picker - Vue 2.x 的轻量级日期选择器组件.
  • vue-ctk-date-time-picker - 一个漂亮的 VueJS 组件来选择日期和时间(带范围模式):新:
  • simple-vue2-datetimepicker - 一个简单易用的 vue.js 组件,用于选择日期和时间. :新的:
  • vue-business-hours - 用于在管理面板或仪表板中选择营业时间的 Vue 组件.
  • material-vue-daterange-picker - Vuejs 2.x 的 Material Design 风格的日期范围选择器,兼容 vuetify,对手机友好.
  • vue-datepicker - 一个干净且响应迅速的日期选择器,具有 Vuejs 2.x 的 Material Design 风格. (日期/月/季度&&日期范围选择器):新:
  • @alireza-ab/vue-persian-datepicker - 用于选择波斯日期的日期选择器组件. (单选和范围选择,选择日期和时间,用键盘选择,自定义样式,本地化)
  • vue-easy-range-date-picker - 用于日期范围选择的简单易用的 VueJS (2.x) 组件
Select
Slider
Drag and Drop
  • vuedraggable - Vue 组件允许与视图模型同步拖放排序. 基于 Sortable.js.
  • vue-dragula - 拖放很简单,很痛.
  • vue2-dragula - 一个用于 Vue2vue-dragula 分支,有很多改进.
  • awe-dnd - Vue 的可排序列表指令.
  • vue-draggable-resizable - 用于可拖动和可调整大小的元素的 Vue2 组件.
  • vddl - 使用 HTML5 拖放 API 修改列表的 Vue 组件,支持 VueJs 版本 1 和 2.
  • vue-drag-drop - HTML5 拖放 API 的最小和轻量级包装器.
  • vue-swing - A swipeable cards interface, as seen in apps like Jelly and Tinder.
  • vue-slicksort - 一组无依赖的mixin,用于动画、触摸友好、可排序的列表
  • draggable-vue-directive - 一个简单的指令来处理任何 Vue 组件的拖放.
  • vue-smooth-dnd - smooth-dnd 库的 Vue 包装器. 拖放,可排序的库覆盖许多情况.
  • vue-drag-resize - 一个无依赖的 Vue 组件,用于具有纵横比、反应道具等的可拖动和可调整大小的元素
  • vue-drag-it-dude - Vue2 组件,允许您将对象拖动到任何您想要的位置.
  • vue-draggable - Vue 拖放库,没有任何依赖. 简单易用.
  • vue-nestable - 作为 vue 组件制作的简单拖放分层列表.
  • vue-tinder - 拥有自己的 Tinder 和 TanTan.
  • vue-card-swipe - vue.js的触控滑块,支持任意方向滑动切换卡片,PC端和手机端兼容.
  • vue-drag-n-drop - 一个简单的看板,可以将项目从列表中拖放到看板上.
  • vue-card-stack - 可堆叠、可滑动、可调整的 Vue 卡片组件.
Autocomplete

自动建议/自动完成/提前输入

  • vue-instant - Vue Instant 允许您轻松地为您的 vue 2 应用程序创建带有自动建议的自定义搜索控件.
  • v-autocomplete - Vue.js 的自动完成组件
  • vue-auto-complete - Vue2 的自动完成. 适用于对象或 api 调用.
  • vue-autosuggest - WAI-ARIA 完整的 Autosuggest 组件,对渲染和样式进行完全自定义.
  • v-autosuggest - 一个简单的模块化 Vuejs 组件,可自动建议来自动态或静态数据查询的输入.
  • autocomplete - Vue.js 2 的简单自动完成组件.*
  • vue-infinite-autocomplete - Vue.js 2 的 Vue 无限自动完成包装器. *
  • vue-simple-suggest - 简单但功能丰富的 Vue.js 自动完成组件
  • v-suggest - A Vue2 plugin for input content suggestions, support keyboard to quick pick.
  • vue-bootstrap-typeahead - 使用 Bootstrap 4 CSS 的 Vue2 预输入/自动完成组件.
  • vue-email-dropdown - 自定义电子邮件域的自动完成.
  • vue-combo-blocks - 适用于 Vue 的小型、可访问、可定制和“无渲染”自动完成组件.
Type Select

让用户在打字时选择一个标签/某物

  • vue-input-tag - Vue.js 2.0 输入标签组件.
  • v-distpicker 一个灵活的、高可用的地区选择器,用于为 Vue.js 2.x 选择中国的省、市和地区.
  • vue-img-inputer Vue 2 的优雅、高度可定制的 img 类型输入
  • vue-img-preview vue 2 中的一个图片输入预览组件
  • v-image 📷 input type=file 的小组件 (< 1kb, gzipped)
  • @voerro/vue-tagsinput 带有提前输入/自动完成功能的简单标签输入 Vue.js 2 组件
  • vue-tag-selector - 类似标签的输入. 轻巧、可定制并处理 REGEX 验证!
  • vue-input-text-to-tags - 可以为结果显示创建标签的输入组件
Color Picker
  • vue-color - 适用于 Sketch、Photoshop、Chrome 等的 Vue 颜色选择器.
  • vue-swatches - 帮助用户挑选漂亮的颜色!
  • radial-color-picker - 简约的颜色选择器,专注于尺寸、可访问性和性能.
  • vue-color-picker-board - 专为人类设计的 Vue 颜色选择器组件!
  • verte - 完整的 Vue.js 颜色选择器组件.
Switch

开关/开/关切换/复选框

Masked Input
Rich Text Editing
Image Manipulation

编辑图像

显示图片

  • vue-cloudinary - 一个 vue (2.0) 插件,它提供了一个可重用的指令来从 Cloudinary (https://cloudinary.com) 获取图像,并具有动态操作 (调整大小/裁剪/效果/水印/缩放/格式化) 和优化 (webp/png/auto)质量/自动视网膜).
  • img-Vuer - Vue2 的移动优先图像查看器/图库
  • vue-image-loader - 一个 vue 加载器/渐进式图像插件,如 Medium.
  • vue-load-image - 在图像加载期间显示加载器,以及在图像加载失败时显示替代内容.
  • vue-image-painter - Vue 2.x 的图像魔术动画绘制效果组件.
  • vue-cosha - 易于使用的 vue 指令,可在任何图像后面放置彩色阴影
  • vue-image-kit - Vue.js Image Kit 组件,内置延迟加载和响应式图像.
Video Manipulation
  • vue-playlist - 一个轻量级的 vue (2.0) 组件,没有依赖,提供真正无缝的 html5 视频播放. 使用 vanilla JS 实现无缝视频播放的唯一可行解决方案. 它需要一系列视频并将它们拼接成一个视频.
File Upload
  • vue-clip - 用于 VueJs 的简单且可破解的文件上传器. 支持 Vue >= 2.1.
  • vue-simple-upload - Vue.js 的简单文件上传组件.
  • vue2-multi-uploader - 使用 Vue.js v2 和 Axios 的拖放多文件上传器组件. 上传器显示添加文件的文件名、大小和总大小. 它还允许设置需要上传的最小文件数.
  • vue-dropzone - Dropzone.js 的 Vue.js (vue2) 组件 - 带有图像预览的拖放文件上传实用程序.
  • vue-transmit - 基于 Dropzone.js for Vue 2.0 的纯 Vue.js 拖放上传器组件
  • vue-upload-component - Vue上传组件,多文件上传,上传目录,拖拽上传,拖拽目录. 支持 Vue >= 2.0
  • vue-uploader - 由 simple-uploader.js 提供支持的 Vue.js 上传组件
  • ic-firebase-uploader - 用于 Firebase 存储的干净的多文件上传组件.
  • vuejs-uploader - 一个可恢复的分段文件上传器,用于上传巨大的文件.
  • vue-filepond - FilePond 的 Vue.js 组件 - 一个文件上传库,可以上传你扔给它的任何东西.
  • v-uploader - 一个Vue2插件,让文件上传更简单,你可以拖动文件或在对话框中选择文件上传
  • vue-file-agent - 全功能拖放启用 Vue 文件上传组件与预览和上传进度
  • vue-cloudinary-uploader - 用于 VueJs 的云图像裁剪器和上传器组件
Context Menu
Miscellaneous
  • vue-gmaps - 使用 Google Maps API 搜索地点和地址.
  • vuep - 使用实时编辑器和预览呈现 Vue 组件的组件.
  • vue-places - Places 组件基于 Vue 2.x 的places.js. 将任何输入转换为地址自动完成.
  • vue-password-strength-meter - 基于 vue.js 中的 zxcvbn 的密码强度计.
  • vue-float-label - Vue.js 的浮动标签模式.
  • vue-longpress - 一个 VueJS (2.x) 按钮组件,需要您持续按下以确认给定的操作.
  • vue-google-autocomplete - 用于 Google Maps Places API 的 Vue.js (2.x) 自动建议组件.
  • vue-default-value - Vue.js 2.x 指令为可编辑元素设置默认值而不影响模型状态
  • vue-model-autoset - 一个 Vue.js 插件,用于解决 Vue 在使用 v-model 指令观察动态添加的属性时的限制
  • vue-submit - Ladda 的简单实现(1, 2) 不到 90 行代码,没有依赖项.
  • vue-rate - Vue 的评分组件
  • vuetify-google-autocomplete - 适用于 Google Maps Places API 的 Vuetify 就绪 Vue.js (2.x) 自动建议组件.
  • vue-ripple-directive - 材料波纹效果作为 Vue 指令.
  • vue-fab - Vue 浮动操作按钮.
  • vue-complexify - Vuejs 从 jquery.complexify.js 移植库.
  • vue-mc - Vue.js 的模型和集合
  • vue-stars - 高度可定制的评级控制(使用星星或其他角色)
  • vue-confirmation-button - 可定制的确认按钮,要求用户在执行操作之前阅读消息
  • vue-poll - 用于投票的 Vue.js 组件
  • vue-diagrams - vue.js 的图表组件,灵感来自 react-diagrams
  • vue-easy-polls - 用于创建投票、投票和显示结果的 Vue.js 组件. 它易于实施且易于定制.
  • vue-m-button - 一个漂亮的 vue 按钮组件.
  • vue-long-click - 用于 vue 的长按(长按)指令库,支持移动和桌面.
  • vue-ui-predicate - 规则编辑器、通用过滤 UI、Vue JS 的谓词组件.
  • vue-mobile-detection - Vue.js 原型函数this.$isMobile() 返回一个布尔值,具体取决于用户是否正在使用手机浏览.
  • vue-input-contenteditable -contenteditable 的 Vue 组件包装器,具有您通常期望的所有功能. 在不受input[type=&#39;text&#39;]限制的情况下制作漂亮的输入.
  • @utlime/vue-zoom - 组件缩放视图.
  • vue-credit-card - 用于信用卡输入、屏蔽和预览的 Vue 组件
  • vue-simple-password-meter - 无依赖的轻量级密码强度计
  • vue-autosizer - 内置的轻型替代品<textarea>&lt;input&gt; 元素允许它们自动拉伸以适应内容.
  • vue-interactive-paycard - 一种奇妙的信用卡形式,具有流畅而甜蜜的微交互.
  • vue-paycard - 使用 Vue.js 制作的信用卡组件.
  • vue-list-picker - 只是一个用 Vue.js 制作的简单列表选择器组件.
  • vue-diagram-editor - 具有基于插槽的节点的高度可定制的图表编辑器 (vue^2.6)
Wizard
  • vue-form-wizard - 基于选项卡的组件,可以替代经典的引导程序和 jQuery 表单向导
  • vue-stepper - 一个简单的步进器,具有简单的操作,如下一步、后退和结束,以执行简单的表格.
  • vue-stepper-component - 一个完全可定制的 Stepper 组件,具有 Vuex 支持和零依赖项.
CSV
  • vuecsv - 来自 json 的简单 CSV 下载器,带有选项模态面板组件.
Comment System
  • vue-comment-grid - 使用 CSS Grid 和 Firebase REST API + 身份验证构建的响应式 Vue.js 评论系统插件.
  • fastcomments-vue - FastComments 的 Vue 组件,一个实时评论系统.

Canvas

  • vue-easeljs - 对 HTML5 画布元素的数据驱动控制.
  • vue-canvas-effect - Vue.js 的简单画布效果集合.
  • vue-konva - Vue & Canvas - 使用 Vue 绘制复杂画布图形的 JavaScript 库.
  • vue-html2canvas - Vue mixin 捕获 html 并使用 Html2Canvas 将其转换为图像.
  • vue-canvas-nest - 用于画布嵌套的 Vue.js 组件.
  • vue-signature-pad - Vue 签名板组件
  • vg-editor - 基于 G6 和 Vue 的可视化图形编辑器,灵感来自 GGEditor
  • vue-pencil.js - 在您的 Vue 项目中构建反应式 2D 图形场景.
  • vue-scratchable - 一个 Vue.js 包装组件,可将所有内容变成有趣的刮刮卡.
  • vue-rough - Rough.js 的组件,这是一个图形库,可让您以粗略的手绘风格进行绘制.
  • vue3-signature - Vue 3 的电子签名组件
  • vue-signature - Vue2.x 的电子签名组件
  • link-prevue - 用于生成链接预览的灵活组件.

Tour

Data Masking

UI Layout

整体/主视图的布局

  • vue-waterfall - Vue.js 的瀑布式布局组件.
  • vueisotope - 用于同位素过滤器和排序神奇布局的 Vue 组件.
  • vue-grid-layout - 适用于 Vue.js 的可拖动和可调整大小的网格布局.
  • vue-drag-zone - Vue.js(2.x) 的拖动区域组件.
  • vue-masonry - 用于砌体块布局的 Vue.js 指令.
  • vue-fraction-grid - 用于 Vue.js 的基于 Flexbox 的响应式分数网格系统.
  • vue-virtual-scroll-list - vue (2.x) 组件通过使用虚拟滚动列表支持大数据.
  • vue-virtual-scroller - 有效滚动大量元素的组件(Vue 2.x).
  • vue-virtualscroll - [Vue 2.x] 虚拟滚动组件.
  • vue-inview - [Vue 2.x] 视口,在 DOM 元素进入或离开时得到通知.
  • dnd-grid - 带有可拖动和可调整大小的框的 vuejs 网格
  • vue-extend-layout - 扩展默认布局或为 Vue.js SPA 的页面创建自定义布局
  • vue-masonry-css - Vue.js Masonry layout component powered by CSS, dependency free.
  • vue-fullpage.js - Vue.js 的官方 fullPage.js 组件.
  • vue-virtual-collection - 用于高效渲染大型集合数据的 Vue 组件.
  • autoresponsive-vue - Vue 的自动响应式网格布局库.
  • VueFlex - 弹性盒网格系统.
  • v-chacheli - 一个 Vue.js 组件,用于创建和显示类似仪表板的自定义网格布局.
  • vue-grid-styled - 一组轻量级的功能网格组件,移植自 React grid-styled
  • simple-grid - 用于网格布局的 Vue 组件,支持 flex.
  • vue-container-component - 受 Bootstrap Container 启发的简单容器组件
  • vue-colcade - 用于将 Colcade 网格布局集成到 Vuejs 的小包装器.
  • vue-ads-layout - 一个小型 Vue 组件库,可快速生成带有工具栏、左/右抽屉和页脚的响应式 Web 应用程序布局. 所有组件都可以固定或相对定位.
  • vue-magic-grid - 用于 Vue.js 2 的 Magic Grid 的一个小端口.
  • vue-splitter-pane - 一个 Vuejs 组件,它以可调整的拆分排列(垂直或水平)呈现两个插槽.
  • splitpanes - 一个 Vue JS 可靠、简单且可触摸的窗格拆分器/调整器.
  • vue-mock-layout - 轻松模拟 Vue 应用程序的布局.
  • vue-simple-drawer - 带有弹跳动画、嵌套支持和自定义主题的小抽屉面板. 方向:左/右/上/下
  • vue-grd - 用于网格布局的简单、轻量级和灵活的 Vue.js 组件.
  • vue-masonry-component - 一个 Vue.js 组件包装砌体布局库.
  • vue-smart-widget - 智能小部件是 Vue.js 2.x 的灵活且可扩展的内容容器组件.
  • vue-colrow - 响应式网格布局组件:Row, Col. 基于 css flexbox. 支持SSR,固定或分数宽度,自动增长Col.
  • vue-diagonal - 用于创建对角线元素的简单轻量级组件.
  • vue-responsive-dash - 使用 vue 和 typescript 制作的响应式、可拖动和可调整大小的仪表板(网格).
  • vue-masonry-wall - 纯 vue 响应式砌体布局,无需直接 dom 操作,ssr 友好和延迟加载.
  • vue-horizontal-list - 纯 vue 响应式水平列表布局,支持 ssr,移动和触摸友好.
  • vue-layout-system - 解决日常布局问题的 Vue 组件.

Frameworks

Responsive

组件集+响应式布局系统

  • quasar-framework - 类星体框架. 使用相同的代码和 VueJs 2 构建响应式网站、混合移动应用程序和电子应用程序.
  • vue-material - Vue.js 的材料设计.
  • vuetify - Vue.js 2 的材料组件框架.
  • muse-ui - Vue.js 2 的材料组件库.
  • buefy - 基于 Bulma 框架的组件.
  • element-ui - A Vue.js 2.0 UI Toolkit for Web.
  • vue-bulma-components - Easily use bulma class syntax with vue components.
  • iview-ui - 用于 Web 的 Vue.js 2.0 UI 框架.
  • AT-UI - 专为桌面应用程序设计的清新而扁平的 UI-Kit,由 Vue.js 2.0 使用 ♥ 制作
  • v-semantic - 实施 semantic-ui 查看
  • BootstrapVue - Vue.js 的 Bootstrap v4 组件和网格系统.
  • fish-ui - 用于 Web 的 Vue.js 2.0 UI 工具包
  • zircle-ui - 用于开发可缩放用户界面的前端库.
  • Material Components Vue - 包装周围 material-components-web 对于 Vue.js
  • VueFace - 用于 Web 的 Vue.js 2.0 UI 组件库
  • vuecidity - Vue.js 2.0 的 UI 组件框架
  • ant-design-vue - 基于 Ant Design 和 Vue 2.5.0 的企业级 UI 组件
  • heyui - (https://www.heyui.top/en) - 适用于 Web 的 Vue.js 2.0 UI 工具包.
  • Carvue.js - IBM 的 Vue.js 碳设计系统
  • BalmUI - 基于 Material Design 和 Vue 3.0 的模块化和可定制的 UI 库
  • Osiris UI - 🎨 一个 Vue.js 2.0 通用响应式 UI 组件库
  • N3-components - 使用 Vue 2 构建的漂亮的 Web 组件
  • Shards Vue - ✨ 基于 Bootstrap 4 框架的时尚和 UI 组件库.
  • Fundamental Vue - 基于 SAP Fiori Fundamentals 的组件.
  • Framevuerk - 基于 Vue.js 的快速、响应式、无依赖、双向支持和可配置的 UI 框架.
  • @Carbon/vue - 来自@carbon 团队的碳设计系统组件.
  • Inkline - Inkline 是 Vue.js 的现代 UI/UX 框架,旨在创建完美的响应式 Web 应用程序.
  • vue-awesome-mui - 用于 Web 的 Vue.js 2.0 MUI 组件
  • MDBootstrap - 基于最新的 Bootstrap 4 和 Vue 2.6.10 的强大 UI 工具包,提供一组流畅的响应式页面模板、布局、组件和小部件,以快速构建响应式、移动优先的网站和应用程序.
  • vue-material-adapter - 为 Vue.js 集成材料组件,遵循 Google 推荐的最佳实践:使用基础和适配器
  • PrimeVue - 最完整的 Vue UI 组件库
  • CoreUI for Vue.js - CoreUI for Vue.js 是一个 UI 组件库,提供了一堆跨浏览器、响应式和轻量级的 Vue.js UI 组件.
  • DaoStyle - 基于 Vue.js 的高质量组件库.
  • Chakra UI Vue - ⚡ 一个轻量级且可自定义的组件库,可帮助您快速构建可访问的 Vue 应用程序和站点.
  • vue-canvas - Vue 画布组件 vuc-identify
  • oruga - Vue.js 的 UI 组件,不依赖 CSS 框架.
  • Wave UI - 一个新兴的 Vue.js 用户界面框架,只有光明的一面. ☀️
  • vectre - 一个轻量级、简单、响应式的组件框架,基于 Spectre CSS
  • element3 - Vue.js 3.0 UI Toolkit for Web 基于 element-ui
  • superBVue - 用于 Web 的 Vue 3 UI 组件基于 boostrap v5
  • Qui - 用于 Web 的 Vue 2.x 设计系统
  • Mijin - 响应式 Tailwind CSS UI 组件,无依赖

Mobile

移动UI框架

  • Framework7-Vue - 使用 Framework7 和 Vue 构建功能齐全的 iOS 和 Android 应用程序.
  • vux - 【中文】基于WeUI的Vue UI组件.
  • vue-onsenui - 使用 HTML5 和 JavaScript 的移动应用程序开发框架和 SDK. 创建美观且高性能的跨平台移动应用程序. 基于 Web Components,并为 Angular 1、2、React 和 Vue.js 提供绑定.
  • Weex - Weex 提供跨平台发布能力,让web、Android、IOS 应用可以使用相同的API 开发功能.
  • weex-eros - 【中文】Eros是一个基于Weex和Vue的APP解决方案,让你可以使用Vue的API,简单快速的开发中小APP.
  • Ionic - 移动应用开发框架
  • Native script - 使用 NativeScript 的原生移动应用程序
  • Vue Native - Build cross platform native mobile apps using JavaScript

移动组件集

  • mint-ui - Vue.js 的移动 UI 元素.
  • vant - A Vue.js 2.0 Mobile UI From YouZan.
  • cube-ui - Vue.js 2 实现的出色移动 ui 库.
  • mand-mobile - 基于 Vue.js 2 的移动 UI 工具包,专为金融场景设计.
  • NutUI - 用于移动 Web 的 Vue.js 2.0 UI 工具包

Component Collections

没有布局系统的组件集

  • vue-mdc - 用于 Vue.js 的材料组件 Web.
  • keen-ui - 使用 Vue 编写并受 Material Design 启发的基本 UI 组件的轻量级集合.
  • vue-admin - Vue 管理面板框架,由 Vue 2.0 和 Bulma 0.3 提供支持.
  • vuikit - UIkit 具有 Vue 的所有功能.
  • uiv - Vue2 实现的 Bootstrap3 组件.
  • wffranco/vue-strap - 使用 Vue.js 2 构建的 Bootstrap 3 组件
  • jsmod-vue-pc - 用于 vue 2.0 的高度可扩展的 Web 组件
  • guilhermewaess/SemVue - 使用 Vue 2 实现的语义 UI 模块
  • office-ui-fabric-vue - Vue.js 的 Office UI Fabric 实现
  • vuestic-admin - 带有自定义组件集合的 Vue 管理仪表板. 使用 Vue 2 和 Bootstrap 4 构建
  • Semantic UI Vue - Vue 的语义 UI 集成
  • vuesax - Vue.js 的前端 vue 组件.
  • Essential JS 2 for Vue - 全功能 45+ Vue.js 组件,包括数据网格、图表、调度程序和图表组件等.
  • Banshee - 一个主要是无渲染的 Vue UI 组件和实用程序框架,没有 CSS.
  • vue-atlas - 漂亮的 Vue 组件库.
  • DevExtreme Vue Components - 65 多个响应式和功能完备的 Vue UI 组件,具有可定制的 Material Design 和 Bootstrap 兼容主题.
  • jqwidgets - 70 多个带有 Material Design 主题的 Vue.js 2.0 UI 组件.
  • vue-uix - Vue.js 中网页实现的 UI 集合
  • vuedarkmode - Vue.js 的极简黑暗设计系统
  • Kendo UI for Vue – 为业务应用程序构建的 70 多个 UI 组件,包括网格. 完全响应,支持多种设计语言,包括 Material Design 和 Bootstrap.
  • Vuent - Vue.js 组件实现 Microsoft Fluent Design
  • bpit/vue - 专注于效果的 Vue 组件库
  • vue-tailwind - 带有可自定义类的 Vue 组件可用于 TailwindCSS,但与任何框架兼容.
  • Equal UI - 基于 TypeScript 的 Vue UI 套件
  • slim-ui - 基于 Vue.js 的最小 UI 组件
  • Vue Component Development Kit - 无样式、经过高度测试且灵活的 Vue 组件/mixins/插件.

Admin Template

一套管理模板

Server-side rendering

Static website generator

  • VuePress - 简约的 Vue 驱动的静态站点生成器.
  • Peco - 用于人类的静态网站生成器. 未维护
  • Saber - 一个静态网站生成器,用于使用 Vue.js 构建极快的网站.
  • Gridsome - 使用 Vue.js 构建超快速、现代的网站
  • Servue - 服务器端渲染引擎,将 vue 文件渲染为 html 字符串.

Other

  • app-framework - 带有 HTML 和 JavaScript 的 IOS 和 Android 应用程序 - 开发、构建和部署 - 免费和开源.
  • Myfirebase - 一个与google firebase 高度兼容的解耦单页应用程序框架.
  • Vue-Access-Control 基于Vue.js 2的前端访问控制框架.
  • Basys 用于构建全栈 Vue.js 应用程序的工具箱
  • CabloyJS 终极NodeJS全栈业务开发平台,基于KoaJS & EggJS & VueJS & Framework7
  • vue-service-model - Vue.js 库,用于通过缓存、聚合和模型定义处理 REST 服务请求.
  • DataFormsJS - 使用 Vue 作为模板引擎的最小路由和 Web 服务框架.
  • V-Craft - 用于使用 Vue.js 构建可扩展页面构建器的工具集.
  • Vue-Low-Code - 可以从 Quant-UX 原型生成 VUE 应用程序的低代码工具包
  • Figma-Low-Code - 将您的 Figma 设计转变为 VUE 应用程序.
  • vue-notion - 一个非官方的 Notion 渲染器——使用 Notion 作为 Vue 的 CMS(例如 Nuxt)

UI Utilities

Event Handling

处理用户事件(滚动、点击、击键等)

  • vue-shortkey - Vue-ShortKey - Vue.js 插件.
  • vue-throttle-event - 基于 requestAnimationFrame 的限制事件.
  • vue-waypoint - Vue 的 Waypoint 组件,这是滚动时触发功能的最简单方法.
  • vue-clickaway - 可重用的 Vue.js 组件的可重用 clickaway 指令.
  • vue-scrollfire - 在特定滚动位置触发事件.
  • vue-resize-directive - Vue 指令,用于检测具有去抖动和节流能力的调整大小事件.
  • v-click-outside - Vue 指令在不停止事件传播的情况下对元素外部的点击做出反应.
  • vue-outside-events - Vue 2.x 指令可帮助指定元素侦听发生在其自身之外的特定事件.
  • vue-selectable - Vue 1.x/2.x 指令使项目可以通过鼠标选择.
  • vue-click-helper - Vue2.x 指令处理同一元素上的单击事件和 dblclick 事件.
  • v-hotkey - 用于将热键绑定到组件的 Vue 2.x 指令.
  • vue-resize - 用于检测 DOM 元素大小调整的 Vue 2.x 组件(基于事件/无 window.onresize)
  • vue-observe-visibility - Vue 2.x 指令使用 Intersection Observer API 来检测元素是否可见(在视口中并且未被 CSS 隐藏).
  • v-dragged - 用于拖动事件检测的 Vue 2.x 指令插件.
  • vue-esc - Vue.js 指令在转义键上添加文档事件侦听器.
  • vue-global-events – 使用 Vue 的事件修饰符处理全局事件(如快捷方式)的组件
  • vue-edge-check - 检查浏览器边缘以防止使用 vue-router 滑动边缘时奇怪触发的过渡效果
  • vue-mutation-observer – 使用 MutationObserver API 观察 DOM 变化的简单而微小的指令
  • vue-scroll-show – 如果用户在滚动后到达元素,则显示该元素
  • vue-tabevents - 其他打开的选项卡之间的轻松通信
  • vue-visibility-trigger - 滚动到视图中时声明性地触发方法
  • v-click-outside-x - Vue V2 指令对元素外的点击、触摸、指针或多个事件做出反应.
  • vue-keypress - Vue.js 应用程序的全局按键事件处理程序组件.
  • vue-pseudo-window - 在 Vue 模板中以声明方式连接窗口/文档的组件

Responsive Design

  • vue-viewports - 定义您的自定义视口并在您的组件中使用它们.
  • vue-responsive: Vue.js(2.x) 指令使用 Bootstrap 4、3 或自定义断点隐藏/显示 HTML 元素.
  • vue-match-media - Vue 2.x 兼容插件,提供一致的语义方法来使组件具有媒体查询感知能力.
  • vue-media-query-mixin - Vue 2 媒体查询 mixin,可用于组件 js 和组件模板. 与 bootstrap 和 vuetify 视口兼容. 如果屏幕宽度是 xs,wXS 返回,如果屏幕宽度是 sm,wSM 返回真,等等......
  • vue-breakpoints - 基于断点显示和隐藏元素的 Vue 2 最小组件. 灵感来自爱彼迎.
  • vue-mq - 提供一些有用的工具,通过语义和移动优先 API (Vue 2.x) 快速设置响应式设计
  • VueResizeSensor - 支持调整大小事件的容器.
  • vue-breakpoint-component - 一个无渲染组件 组成 CSS 断点状态.
  • fine-mq - 一个很好的 API,可以轻松管理 JS 中的媒体查询,并与 VueJS 作为插件进行一流的集成.
  • vue-responsive-components - 使用“ResizeObserver”创建响应式组件.
  • vue-screen-size - 轻松灵活地访问屏幕的宽度和高度.
  • vue-container-query-2 - 用于处理 css 容器查询的智能 vue 插件.
  • vue-component-media-queries - Vue 的 MatchMedia 组件库.

Form

  • vue-formly - Vue.js 的 JavaScript 驱动表单.
  • vue-focus - 可重用的 Vue.js 组件的可重用焦点指令.
  • vue-form-generator - Vue.js 的基于模式的表单生成器组件.
  • FormSchema Native - 使用 JSON Schema 和 Vue.js 生成表单
  • ic-formly - 由 vue-formly 提供支持的简单表单组件.
  • Form Builder - 基于 Vue 和 Laravel 的基于 Json 模板的表单构建器.
  • vue-autofocus-directive - 指令自动对焦视图.
  • vue-awesome-form - A vue.js component just like json-editor
  • vue-form-components - 带有验证的清洁和最小的 vue 表单元素
  • v-ajax-form - vue.js 组件插件,使Form标签兼容ajax请求
  • Vue Formulate - 使用 Vue 构建表单的最简单方法. 验证、错误处理、表单生成、综合文档等.
  • Reforms.js - Vue 3 和 Bootstrap 表单和卡片生成器. 验证、多个字段、分组、架构等.
Validation
  • vee-validate - 简单的 Vue.js 输入验证插件.
  • vue-rawmodel - Vue.js v2 的 RawModel.js 插件. 表单验证从未如此简单.
  • vuelidate - 简单、轻量级的基于模型的 Vue.js 验证.
  • simple-vue-validator - 一个简单而灵活的 vue.js 验证器库.
  • vue-vform - Vue.js 2 表单组件,集成了 jQuery 验证和 Axios.
  • vue-form - Vue.js 的综合表单验证.
  • vuelidation - 简单、强大的 vuejs 验证.
  • laravel-vue-validator - 显示来自 Laravel 验证规则的错误
  • vue-daval - 超级 vue 数据验证器. 轻松、简单、准确.
  • willvalidate - Vue.js 的验证表单.
  • vue-isyourpasswordsafe - 一个用 Vue 编写的小实用程序,用于检查给定的密码是否已针对 Have I Being Pwned API 泄​​露.
  • vue-form-send - 用于从表单和原始验证发送数据的 Vue.js 指令
  • FormVuelar - 考虑到服务器端验证的 Vue 表单组件
  • vue-final-validate - 来自我的开发经验的 Vue 验证解决方案,支持嵌套、异步.
  • vform - 在 Vue 中处理 Laravel 后端验证的简单方法.
  • vue-form-container - 一个Provider Component 封装你的表单并处理它们的状态和验证.
  • ps-validation - 一个 Vue 插件,提供开箱即用的数据验证规则,非常受 Laravel 验证系统的启发.
  • vue-laravel-errors - 添加全局 mixin 的 Vue.JS 插件,可用于从 laravel 错误响应填充错误变量并将其显示为对象或数组,也可以用作本地 mixin.
  • vue-input-validator - ️ Vue 2 的高度可扩展和可定制的输入验证器
  • @vuito/vue - 简单、轻量级、同构和基于模板的验证库.

Resize

Scroll

Set window scroll position

虚拟滚动条

  • VBar - Vue.js 2x 的虚拟响应跨浏览器滚动条组件.
  • Vuebar - 使用本机滚动行为的自定义滚动条的 Vue 2 指令. 轻量级、高性能、可定制且无依赖性.
  • vue-detached-scrollbar - 一个简单的滚动条,可以从它正在滚动的容器中分离出来.
  • vuescroll - 基于 Vue.js 的滚动插件,用于统一 PC 和移动设备的滚动.
  • vue-simplebar - simplebar 插件的 Vue.js 包装器.
  • smooth-vuebar - 用于平滑滚动条的 Vue 指令包装器

检测组件何时进入视口

  • vue-scrollview - 利用作用域插槽来检测 vue 组件何时进入和离开视口的组件.
  • vue-scrollactive - 基于视口中的当前部分在菜单项中添加活动类,单击菜单项时也会滚动到该部分.
  • vue-intersect - 将交叉观察器添加到 Vue 组件或 HTML 元素的 Vue 组件.
  • vue-scrollmonitor - 一个 Vue 插件,用于在支持多种浏览器的情况下观看视口内元素的可见性状态(使用提供/注入,以便兼容 vue@2.2.x
  • vue-stroll - 适用于 Vue.js 2.x 的出色 CSS3 列表滚动效果组件.
  • navscroll-js - 滚动时突出显示菜单项,单击菜单项时也会滚动到某个部分. 用作 vue 组件、vue 指令或与 vanilla js 一起使用.
  • vue-scrollwatch - 检测滚动事件的轻量级插件,自定义元素进入视口时的回调,暴露 'scrollTo' api 以滚动到特定元素.使用 vue 指令.
  • vue-check-view - 检查元素是否在视口中的插件. 快速、小巧、无依赖、现场演示.
  • vue-stickto - 支持多个 DOM 节点的 vue 指令自动贴到顶部
  • vue2-scrollspy - 一个滚动间谍插件和动画滚动到.
  • vue-trip-wire - 当元素到达视口中的指定点时触发功能的自定义指令,可选择导入具有全局可访问功能的模块.
  • v-intersect - 当元素在视口上可见或隐藏时检测元素的 Vue 指令和组件
  • vue-scrollama - 一个 Vue 组件,可轻松设置滚动驱动的交互(又名 scrollytelling).

自定义滚动行为

无缝滚动

Routing

  • vue-router - Vue.js 的官方路由器.
  • vue-router-storage - Vue.js 2 和 vue-router 2 的路由器存储和解析解决方案
  • vue-tidyroutes - 去中心化的 vue-router 路由定义
  • vue-routisan - 优雅、流畅的 Vue Router 路由定义,灵感来自 Laravel.
  • vue-error-page - 为路由器视图提供一个包装器,允许您在不更改 URL 的情况下显示错误页面
  • vue-router-sitemap - 通过 vue-router 配置生成 sitemap.xml
  • vue-smart-route - 使用 Vue.js 制作外观智能的应用程序的智能路由指令.
  • vue-router-lite - Vue.js 2 的基于组件的声明式路由器.
  • vue-route-props - 自动将 vue-router 查询绑定到 vm,API 大部分与 Vue props 相同.
  • vue-pilot - 基于 Trie 的 vue 路由器,具有管理 history.state 的能力.
  • vue-lang-router - Vue.js 2 & 3 语言路由(可选)URL 本地化.
  • vue-router-compositions - 一个用于 Vue-Router 和 Vue Composition API 的工具包.
  • vue-middleware - Vue 的中间件.

Lazy Load

  • vue-lazyload - 一个 Vue.js 插件,用于在您的应用程序中延迟加载您的图像或组件.
  • vue-lazy-background-images - Vue 2 的延迟加载背景图像.
  • vue-progressive-image - Vue 渐进式图像加载插件.
  • vue-l-lazyload - Vue.js v2.x+ 的延迟加载插件.
  • vue-lazyload-img - 特别针对移动浏览器进行了优化. 支持 V2 和 v1.
  • vue-lazy-images - Vue 2.x 的延迟加载图像插件.
  • v-lazy-img - 用于 Vue 2 渐进式图像加载的微小 (<0.6kb) 指令.
  • vue-clazy-load - 使用 IntersecionObserver for Vue 2 的轻量级可转换图像延迟加载组件.
  • vue-lazy-this - 使用 Intersection Observer API 的延迟加载组件.
  • v2-lazy-list - 一个简单的基于 Vue 2.x 的延迟加载列表组件
  • pimg - 用于延迟加载图像的简单渐进式图像组件.
  • vue-tiny-lazyload-img - 用于延迟加载图像的小尺寸 Vue.js v.2+ 指令
  • vue-lazy-youtube-video - 一个简单的 Vue.js 组件,用于延迟加载 YouTube 视频.
  • lazyload-vue- 用于 vanilla-lazyload 的 Vue 插件.
  • vue-lazy-loading - 一个 vue 插件,可以更好地支持图像和 iframe 的原生延迟加载.
  • v-lazy-component - Vue 组件在可见时呈现. 使用 Intersection Observer API.
  • vue-lazy - 基于Intersection API的轻量级图片/图片lazyload
  • vue3-lazyload - 用于在 vue 3 应用程序中延迟加载图像的 Vue 模块.

Pagination

Animation

  • vue2-animate - Animate.css 的 Vue.js 2.0 端口. 用于 Vue 的内置转换.
  • animated-vue - 一个 Vue.js 2.x 插件,可轻松使用 Animate.css 动画作为过渡. 一样简单<animated-tada>
  • vue-lottie - 一个 Vue.js 2.x 插件,用于渲染基于 bodymovin 的效果动画
  • Vueg - Make vue-router have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
  • v-animate-css - 最容易为 Animate.css 实现 Vue 2 指令
  • vue-mixin-tween - Mixin 工厂,为动画的组件上下文添加补间值
  • v-odometer - 轻松顺畅地转换数字. 使用此库为您的应用程序提供流畅的动画,仅适用于数字.
  • vue2-transitions ✨ 可重用的 Vue 2 过渡组件
  • vue-overdrive Vue 应用程序的超级简单魔术移动转换
  • animated-number-vue 为数字设置动画的超级简单方法.
  • vue-typed-js Typed.js 集成可轻松创建打字动画.
  • vue-parent-change-transition 启用子组件在更改父组件时进行动画处理.
  • vue-smooth-reflow 转换元素回流以响应数据更改.
  • VueTween 允许组件补间它们的属性.
  • vue-slide-up-down 就像 jQuery 的 slideUp / slideDown,但对于 Vue!
  • vue-animejs Vue 的简单 anime.js 指令.
  • Eagle.js Eagle.js 是一个基于 Web 的 Vue.js 幻灯片框架.
  • vue-slide-up-down-component It is a simple interface but realizes very flexible and powerful slide animation, for Vue!
  • femtoTween 具有一流 Vue 支持的简约(零深度,小于 1k)补间库
  • vue-sequential-entrance 用于创建带有页面元素列表的优雅顺序动画入口的插件. 零努力. 简单轻便
  • vue-animate-scroll 在元素滚动到视图时向元素添加 CSS 动画的超轻量级方法.
  • vue-svg-transition 创建 2 状态、SVG 驱动的转换
  • vue-page-transition Vue.js 的简单路由/页面转换
  • Vuenime 一个灵活的Animejs Vue 包装器
  • vue-flipper - 一个组件,可以通过一个很好的过渡来翻转孩子.
  • v-number Vue.js 的动画数字转换库
  • vue-kinesis 一组用于创建交互式动画的组件
  • vue-digital-transform 用于更好的数字转换动画的 vue 组件
  • vue-typical Vue 动画输入约 400 字节的 JavaScript.

Meta Tags

管理文档头部的元信息

  • vue-head - 管理头部标签的元信息,简单易行.
  • vue-meta - 在 Vue 2.0 组件中管理页面元信息. 支持 SSR + 流媒体.
  • vue-headful - 设置文档<title> 和您视图中的元标记.
  • vue-simple-headful - 使用 vue.js 轻松设置元标签 - 一个更简单的 vue-headful 替代方案,支持 TypeScript.

Portal

将 DOM 节点移动到目标 DOM 节点

  • vue-dom-portal - Vue.js 组件中 DOM 元素的逃生舱口.
  • portal-vue - 一个 Vue 插件,用于在 DOM 中的任何位置渲染组件的模板(在 virtualDOM 级别上工作,不会在 DOM 内移动节点)

Filters

SVG

  • vue-svgicon - 创建 svg 图标组件的工具. (vue 2.x).
  • vue-content-loading - Vue 组件可轻松构建(或使用预设)SVG 加载卡 Facebook 喜欢.
  • vue-annotator - 使用任何 SVG 元素(rectpolygon 等等,甚至像 canvas 这样的 HTML 元素,如果包装在 foreignObject 中)来注释页面
  • vue-svg-sprite - 一个插件、组件或指令来简单地使用 SVG sprite (vue 3.x, vue 2.x).
  • vue-svg-filler - 用于自定义 svg 文件的 Vue 组件(vue 2.x).
  • vue-inline-svg - Vue 组件动态加载 SVG 源并内联 <svg> 这样您就可以使用 CSS 或 JS 来操作它的样式. (vue 2.x, vue 3.x)

Miscellaneous

WebGL

Fullscreen

  • vue-fullscreen - 一个简单的全屏Vue组件,支持Vue2和Vue3.

Page visibility

Printing

Utilities

与 UI 没有直接关系的实用程序

  • vue-underscore - 简单的 vue 插件来实现下划线
  • vue-lazy-calc - 一个简单的计算插件,采用强类型的惰性&&链接方式.
  • vue-loadable - 一个使用非常简单的方法、装饰器和助手来改进加载状态控制的插件.
  • vueuse - 基本 Vue Composition API 实用程序的集合适用于 Vue 2.x 和 3.x.
  • vue-composable - Vue composition-api 可组合组件. i18n、验证、分页、提取等+30 个可变组合函数.
  • vue-condition-watcher - Vue Composition API 用于在条件更改时自动获取数据.
  • vue-use - 使用神奇的 Vue Composition APIs 提供大量可重用的逻辑,例如表单、表格和加载等.
  • vue-concurrency - 用于封装异步操作和管理 Vue 和 Composition API 并发的库.
  • vue-ics - 用于生成 ICalendar (.ics) 文件的 Vue.js 插件.
  • vue-use-switch-map - 注入 Vue 组合世界的 RxJS switchMap 操作符的强大功能.
  • vue-use-infinite-scroll - ♾️ 一个 Vue 组合函数,让无限滚动变得轻而易举.
  • vue-with-wrapper - template 中使用的对象解构
  • vesselize - ⛵ 一个与 Vue.js 无缝协作的 JavaScript IoC 容器.
  • vue-context-composition - 在组件之间共享使用组合 API 创建的状态,类似于 React Hooks 中的 useContext
  • vuex-overlay-tools - 用于监控 Vuex 商店的 Vue 3 插件(也支持时间旅行)
  • vuse-rx - 对 Vue 3 的完整一流的 rxjs 支持
  • vue-props-validation - 使用 Vue 原生语法为对象和数组中的嵌套验证提取 Vue 道具验证逻辑.
  • vue-next-rx - Vue.js 的完整 RxJS 集成. (vue-rx 更新)

Typescript

HTTP Requests

通过 HTTP 检索数据

  • vue-resource - Vue.js 的 HTTP 客户端.
  • vue-async-computed - Vue.js 的异步计算属性.
  • vue-jsonp - 用于处理 JSONP 请求的小型库.
  • v-model - V-Model 是 Vue.js 的模型插件,类似于 ng-resource.
  • vue-resource-mock - 基于 vue-resource 的拦截器来模拟你的 http 响应的助手.
  • vue-async-data-2 - Vue.js 的异步数据加载插件.
  • vue-api-request - 一个插件,提供对您的 API 的完全控制,使您的请求简单、快速且易于实现.
  • vue-fast-axios - 以简单而美观的方式发出带有验证的请求.
  • vue-async-properties - 一个 asyncDataasyncComputed 插件,支持去抖动、转换结果、错误处理程序、加载/挂起标志、懒惰/急切请求.
  • vue-axios-plugin - 一个将 axios 与 Vuejs 结合的插件,让 http 请求更容易.
  • zipkin-instrumentation-vue-resource - vue-resource 的拦截器,用于检测传出的 HTTP 请求 Zipkin
  • vue-api-query - 为 REST API 构建请求的优雅而简单的方法.
  • vue-chimera - 功能齐全的基于 RESTful 资源的客户端,与 Nuxt.js 兼容并允许服务器端提取.
  • vue-apis - 与 axios 集成的 vue 插件,可链构建 API 实例. 从 vue 实例的上下文中可用(例如:this.$apis.apiName()).
  • rexios - 使用 rest api 请求时,实用程序为 axios 规范化 url、数据、参数.
  • vue-axillo - 带有查询符号 GraphQL 的 REST API 的可组合 Axios.
  • vue-request - ⚡️ Vue 3 Composable 用于数据获取,支持 SWR、轮询、错误重试、缓存请求、分页等很酷的功能.
  • swrv - 为 Vue 获取旧的同时重新验证数据.

i18n

国际化/L10n/本地化/翻译

  • vue-i18n - Vue.js 的国际化插件.
  • vue-translate-plugin - 用于翻译的 VueJS 插件.
  • vuex-i18n - 使用 vuex 作为存储的 vue.js 2.0 本地化插件.
  • vue-gettext - 使用 gettext 翻译您的 Vue.js 应用程序.
  • vue-i18n - 一个在 Vue.js 中实现翻译的小插件.
  • vue-multilanguage - 在 Vue.js 2 中支持多种语言.
  • vue-ts-locale - 在 Vue.js 2 中使用 Intl 实现翻译的插件,支持打字稿.
  • vue-i18next - 一个 i18next 包装器,用于支持 Vue.js 2 中的翻译.
  • vue-polyglot - 带有异步加载的 Vue.js 2 的基本翻译插件.
  • v-localize - 简单的本地化插件 惊人的 Vue.js.
  • vue-simple-i18n - 可能是在 1kb 内结束所有 Vue i18n 解决方案的最薄的库
  • template-string-i18n - I18n 使用模板字符串自动保存/加载翻译文档.
  • vue-translations - 使用它轻松翻译您的 vuejs 应用程序.
  • vue-i18n-service - 导出和导入 vue-i18n 的 SFC 翻译.
  • vue-i18n-filter - Vue 过滤器扩展为 Vue-i18n,只需使用 {{ hello world | t}}.
  • vue-translation-manager - 在 Vue.js 应用程序中交互式查找和翻译字符串. 适用于 vue-18n 和 vuex-i18n.
  • vue-t9n - 翻译应用程序的最简单方法
  • vue-simple-inline-translation - 一个简化文本翻译方式的 Vue 组件:通过内联翻译.
  • vue-i18n-extract - 通过静态分析管理 vue-i18n 本地化. 报告丢失和未使用的 i18n 条目.
  • vscode-vue-i18n-ally - VSCode 扩展以获得更好的 Vue-i18n 体验.
  • v-intl - 为您出色的 Vue 3 应用程序提供全局国际包装器
  • excel-vue-i18n - 一个插件将 excel 文件转换为 i18n json 格式以进行翻译.
  • vue-i18n-lite - 一个超轻量级和最小的插件,通过简单的 API 将国际化引入您的 Vue.js 应用程序.

Custom Events

Persistence

本地存储等

  • vue-localstorage - 支持类型的 Vue.js localStorage 插件.
  • vue-ls - 用于从 Vue 上下文使用 LocalStorage 的 Vue 插件.
  • vue-pouch - PouchDB 的实时和反应式绑定. 在 IndexedDB 中保留数据并与 CouchDB 同步.
  • vue-idb - 仅使用 IndexedDB (Dexie.js) 或自动创建和可扩展的 vuex 模块进行列表和大列表管理
  • vue-browserstore - 浏览器存储包装器.
  • VueStorage - 允许组件跨浏览器会话保存和加载其数据.
  • vue-web-storage 另一个用于 localStorage 和 sessionStorage 的 Vue.js 插件
  • vue-universal-cookies Vue.js / Nuxt.js 的同构 cookie 插件支持 Browser、Express、http(节点).
  • vue2-storage Vue.js 应用程序的浏览器存储
  • vue-warehouse Vue.js 和 Nuxt.js 的跨浏览器存储,具有插件支持和基于 Store.js 的简单扩展性.
  • vue-storage-watcher - 具有强类型的 Vue.js 的反应式 localStorage/sessionStorage 插件.
  • vue-use-local-storage - 一个组合 api,用于将反应数据持久化和重新水化到 vue 3 的本地存储.

State Management

  • vuex - Vue.js 的集中状态管理.
  • vue-sync - 将 Vue 状态与浏览器 URL、服务器后端和其他端点同步.
  • vuelm - 受 Elm 架构启发的轻量级状态管理.
  • vuez - 一个简单但功能强大的 Vue.js 状态管理,只有 2 个 API.
  • vuet - 用于敏捷开发的 Vue.js 状态管理模型
  • vue-ya-stash - 另一个带有更新/补丁事件发射器的存储存储,类似于 v-bind.sync
  • vue-assign-model - 自动为 Vue.js 模型分配元素值.
  • vue-stash - 在您的 Vue 组件之间轻松共享反应式数据.
  • vue-model - Vue.js 的模型组件
  • tuex - Vuex 的最合理的替代品.
  • revuejs - 用于 vuejs 2 的小巧、轻便且方便的状态管理,可编写较少冗长的代码.
  • lue - 基于 Vue 和 vuex 的库,编写较少冗长的代码.
  • vuex-lite - 一个 1KB 的 Vuex,只有状态和变化.
  • vue-shared - vuex 的轻量级替代品
  • vuex-module-generator - 它允许您轻松创建 vuex 模块.
  • vuex-declaration - 像 props 一样声明 state,在组件创建时让 state 动态注入到 vuex.
  • vuex-up - Brings mixing and services injector features to module vuex.
  • effector — 快速而强大的反应式状态管理器. Effector 可让您编写简单、快速且类型安全的代码,并轻松管理反应状态.
  • nano-state-vue - 高效、有效和可扩展的状态管理:少即是多
  • universal-model-vue - Vue 的统一状态管理(也适用于 Angular/React/Svelte)
  • vue-states - 与 Vue 组件具有相同 API 的 Vue 状态管理系统
  • v-bucket - 受 Vuex 启发,使用组合 API 构建的 Vue 3.0 快速、简单和轻量级状态管理.
  • VueFort - Vue 的数据建模. 适用于 Vue 2 和 3.
  • @korijn/vue-store - 具有撤消/重做功能的轻量级 Vue 3 组合 API 兼容存储模式库.
  • vuex-light - 状态管理系统,具有强大的 Vue 3 类型
  • vue-object-state - 简单的对象/dto/模型状态跟踪
  • vue-datatable-url-sync - 将数据表选项和过滤器与 url 同步,即使在刷新或导航后也能保持用户偏好
Redux
Mobx
  • movue - Vue.js 的 Mobx 集成.
  • vue-mobx - Vuejs 2.x 的 Mobx 绑定.
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 - fb 帐户工具包库的简单 vue 包装器.
  • casl-vue - 限制给定用户可以访问的资源
  • vue-google-api - 基于承诺,可将 Google 的 API 客户端轻松集成到任何 vue.js 2 项目中的包装器,具有内置的 Oauth2“使用 Google 登录”功能.
  • vue-auth - 一个简单的轻量级 Vue.js 认证库
  • vue-auth-plugin - 使用打字稿的 Vue.js 的简单身份验证和授权库
  • vue-google-signin-button - 一个简单的 Vue 插件,可将 Google 登录按钮包含到您的 Web 应用程序中
  • vue-facebook-signin-button - 一个简单的插件,可将自定义 Facebook 登录按钮包含到您的 Web 应用程序中
  • vue-auth-href - 用于下载受保护路由模式下的文件的 VueJS 指令
  • vue-msal - 用于使用 Microsoft 身份验证库 (MSAL) 的 Vue 插件
  • vue-simple-acl - 一个简单的 Vue 插件,用于管理用户角色和权限、访问控制列表 (ACL) 和基于角色的访问控制 (RBAC).
Vuex Utilities
  • vuex-persistedstate - 使用 localStorage 保持 Vuex 状态.
  • vuex-plugin-jsdata - 用于将 Vuex 存储与 js-data 同步的插件.
  • vuex-local - Vuex 中的本地状态管理.
  • vuex-action - vuex 的实用程序,可轻松创建和管理操作.
  • vuex-rest-api - 一个 Helper 实用程序,用于简化 REST API 与 Vuex 的使用. 基于 axios.
  • vuex-cache - 一个 Vuex 插件实用程序,用于缓存将发出远程请求的操作.
  • vuex-persist - 支持 Typescript 的 Vuex 插件,可帮助将存储保存到 localStorage 或任何自定义存储(您可以配置).
  • vuex-local-state - 向 vuex 添加“localState/sessionState”选项. 使用 localStorage 保持 Vuex 状态.
  • vuex-action-reload - 满足条件时重新加载操作的 vuex 插件.
  • vuejs-storage - Vue.js 和 vuex 插件使用 localStorage/sessionStorage 持久化数据.
  • vuex-orm - Vuex 插件,用于启用对 Vuex 商店的对象关系映射访问.
  • vuex-async-module - 减少生成 Vuex 模块的异步样板代码. 与 Vue 2.x 兼容.
  • vuex-iframe-sync - iframe/window 之间的 Vuex 状态同步.
  • vuex-aspect - 将任何类型的远程数据绑定到 vuex 存储.
  • Vuenut - 是开发更快更流畅的组件.
  • vuex-map-fields - 为表单字段启用双向数据绑定.
  • vuex-search - Vuex 绑定,用于使用索引器和 Web Worker 进行客户端搜索.
  • vuex-pathify - 为 Vuex 商店提供统一的路径语法(例如foo/bar@abc
  • vuex-loading - 简化 vuex 加载状态管理
  • vuex-module-builder - Vuex 模块构建器是一个包装器,用于通过内置的一些常用方法高效地编写 vuex 存储.
  • vuex-pagination - 在 Vue/Vuex 应用程序中轻松处理分页资源. 适用于大多数 Vue 分页组件.
  • vuex-easy-firestore - Firebase Cloud Firestore 和 Vuex 的轻松耦合. 2路同步与0样板!
  • vuex-listener - 全局 Vuex 动作和突变监听器插件
  • jsonapi-vuex - 将 JSONAPI api 与 Vuex 存储一起使用,并在客户端重构/规范化记录.
  • vuexi - 提供实用程序来简化异步操作和状态管理
  • stfalcon-vuex-loading-plugin - 处理 vuex 加载状态的最简单方法
  • Vue Rest Resource - Vue.js 和 Vuex 项目的 Rest HTTP 资源管理.
  • Vuex Stateshot - Vuex3.1+ 的 Actions/Mutations 状态快照插件.
  • vuex-loopback - Vuex 模块工厂和用于环回的 Vue 组件.
  • vuex-state-snapshot - 一个 Vuex 插件,用于在突变时拍摄状态快照.
  • vuex-awesome-async - 它包装 Vuex 存储以轻松管理异步请求(加载、错误和缓存状态).
  • vuex-factories - 用于生成 vuex 操作和突变的工厂函数.
  • vuex-hooks - 支持打字稿的 vuex 组合 API 钩子.
  • vuex-composition-helpers - 一个可轻松使用 Vuex 和 Composition API 的工具包.
  • vuex-ts-enhance - 增强mapXXXdispatch方法提示的工具
  • vuex-masked-modules - Vuex 插件将模块的数据结构放在 localStorage 中,具有屏蔽或加密数据的能力,使其难以探索. 专为 Vue 3 和 Vuex 4 设计.
Sync Between Tabs

GraphQL

  • vue-apollo - Apollo/GraphQL integration for VueJS.
  • vue-relay - 用于构建 GraphQL 驱动的 Vue.js 应用程序的框架.
  • vuex-orm-apollo - Vuex-ORM 的 Apollo/GraphQL 集成.

Concurrency Management

  • vuency - Vue.js 的并发管理.

Code Style

提高代码的可读性

CSS

  • vue-bem-cn - Vue.JS 的简单 BEM 类名生成器.
  • vue-css - Vue.js 插件,允许您将 CSS 与您的组件捆绑在一起.
  • vue-mods-names - 为应用程序中的所有组件的类名添加修饰符.
  • vue-styler - 简单、强大的 vue 样式器.
  • vue-css-modules - 将类名无缝映射到 Vue 组件内的 CSS 模块.
  • vue-simple-bem - 使用简洁语法向元素添加 BEM 类名称的指令.
  • fela-vue - 用于 Vue 的 CSS-IN-JS mixin 旨在提高灵活性且面向团队.
  • j-vue
  • vue-spinners-css - 纯CSS vue spinners 组件的集合,用于ajax 的css spinners 或基于loading.io 的加载动画.
  • vue-css-doodle - 移植 css-doodle,一个使用 CSS 绘制图案的 Web 组件.

Asset Management

用于构建/编译/捆绑/加载资产的实用程序

  • vue-script2 - 为您的单页应用程序标准化、设计者友好的脚本标签行为.
  • vue-loader - Vue.js 组件的 Webpack 加载器.
  • vueify - 单文件 Vue 组件的 Browserify 转换.
  • vue-compiler - 一个围绕 vue-component-compiler 的简单 cli 包装器.
  • vue-brunch - 添加对 Brunch 的支持,用于预编译单个文件 Vue 组件.
  • poi - 开始使用单个 .js 文件编写应用程序,Poi 可以为您处理所有开发设置,不再需要配置地狱.
  • http-vue-loader - 直接从 html/js 加载 .vue 文件,无需 node.js 环境或构建步骤.
  • vue-jsx-hot-loader - 为具有 JSX 渲染功能的 Vue.js 组件启用 HMR.
  • VueInBrowserLoader - 从给定的 URL 加载 .vue 文件,并直接在浏览器中将其编译为组件.
  • vue-separate-files-webpack-loader - 用于分离 Vue 组件部分的 Webpack 加载器
  • vue-svg-loader - webpack 加载器,可让您将 SVG 文件用作 Vue 组件
  • vue-registrar - ☘️ 一个动态注册你的组件和 vuex 模块的包 - 使你的代码更具可读性!
  • vue-automatic-import-loader - 使用匹配函数自动导入 Vue 单文件组件的 webpack 加载器.
  • vue-aimg-loader - 无需编写 css 即可在 Vue 模板中使用图像的简单方法.
  • vite-svg-loader - Vite 插件将 SVG 文件加载为 Vue 组件
  • vue-navigation - A page navigation library, record routes and cache pages, like native app navigation. 一个页面导航库,记录路由并缓存页面,像原生 APP 导航一样.
  • vue-acl - VueJS 2 的访问控制列表.
  • vue-breadcrumbs - 使用 vue-router 为 Vue 1.x 和 Vue 2.x 实现简单的面包屑功能.
  • vue-2-breadcrumbs - 与 Vue 2.x 的 vue-router 一起面包屑. 和引导程序 4
  • vs-crumbs - 40 行代码中的 Vue 面包屑导航允许没有子视图的嵌套路径.
  • vue-nav - Page navigation manager, support all navigation function of native mobile app. 页面导航管理器,支持手机原生应用的所有导航功能.
  • vue-2-crumbs - Vue.js 2 框架的面包屑插件,允许在路由元对象中选择父路由,无需子路由. 还允许使用动态数据.
  • vue-pesdk PhotoEditorSDK 的 Vue.js 包装器
  • vue-resolve 在输入/渲染该路由的组件之前解析路由数据.
  • vue-page-stack - Routing and navigation for your Vue SPA. Vue 单页应用导航管理器

Miscellaneous

Web Workers

  • vue-worker - 一个 Vue.js 插件,以简单的方式使用 webworkers.
  • vue-log-worker - 一个 Vue.js 插件,用于通过网络工作者将错误和 vuex 突变记录到您的后端

JSX

  • jsx-vue-functional - 一个 Babel 插件,为 Vue 功能组件带来语法糖.
  • jsx-event-modifiers - 一个 Babel 插件,将类似于 Vue 模板的事件修饰符添加到 JSX.
  • jsx-v-model - 将 v-model 引入 JSX 的 Babel 插件.
  • vue-jsx-sync - 一个 Babel 插件,为 JSX 带来了 vue sync modifier.

Migration

Web Sockets

  • vue-socket.io - vuejs 的 Socket.io 实现.
  • vue-websocket - Vue.js 的简单 websocket (socket.io) 插件.
  • vue-echo - 将 Laravel Echo 集成到 Vue 中,允许轻松注册套接字事件.
  • vue-socket-cluster - 通过套接字集群使用 uws(微型网络套接字)的 vue 网络套接字
  • vue-native-websocket - Vuejs 2 和 Vuex 的原生 websocket 实现
  • vue-socket.io-extended - Vue.js 和 Vuex 的 Socket.io 绑定
  • vue-phoenix - 针对 vuejs 的 Elixir Phoenix Web Socket 实现. 还提供了 typescript 装饰器以便更好地使用.

Server-Sent Events

  • vue-sse - 用于使用服务器发送事件(EventSource)的 Vue 插件.

Payment

支付工具.

Stripe
Paypal
Plaid

Integrations

与服务或其他框架集成

Vue CLI Plugins

Google Analytics
  • vue-ua - Vue.js 中的 Google Universal Analytics 支持.
  • vue-analytics - 用于谷歌分析的 Vue 插件.
  • vue-gtm - 谷歌标签管理器的 Vue 插件
  • vue-gtag - Vue 的全局站点标签插件
Yandex Metrika

Dev Tools

  • vue-dev-server - 用于构建 vue 组件的小型开发服务器.
  • Storybook - UI 开发环境. 适用于 v3.2+ 以后.
  • Font Awesome Finder - 用于搜索、预览和选择 Font Awesome 图标的 Chrome 扩展程序,并将所选图标的 HTML 代码和 Unicode 复制到剪贴板.
  • vue-dummy - 占位符文本和虚拟图像作为简单的“v-dummy”指令.
  • Bit - 在项目之间管理和重用 vue 组件. 轻松地从任何项目中隔离和共享组件,而无需更改其源代码、组织精选的集合并安装在不同的项目中.
  • ComponentFixture - 是一个组件设计来开发和测试其他组件,自动绑定他们的道具.
  • vue-cli-template-dev-server - 用于构建 vue-cli 自定义模板的开发服务器.
  • vue-codemods - 有助于更新和重构 Vue 和 JavaScript 文件的 codemod 脚本集合.
  • codesandbox - 用于快速 Vue 开发的在线 IDE 和原型设计工具.
  • vue-dom-hints - 在 DOM 中获取提示. 最小的 Vue devtool 替代品.

Inspect

检查与调试

  • Vue.js devtools - 用于调试 Vue.js 应用程序的 Chrome devtools 扩展.
  • DejaVue - 为 Vue.js 构建的可视化和调试工具.
  • vue-clicky - 右键单击​​任何组件以在控制台中显示有关它的信息.
  • vuejs-logger - 为 Vue.js 提供可定制的日志记录功能.
  • vue-inspector - Vue.js 移动设备检查器
  • Vue Performance Devtool - Vue Performance Devtool 是一个浏览器扩展,用于检查 Vue 组件的性能
  • VueSource - 全局 Vue mixin,通过添加 HTML 注释来识别源代码中的组件
  • NW-Vue-DevTools - 用于将 Vue DevTools 添加到 NW.js 的 DevDependency
  • bruit-io - 收集带有屏幕截图和技术数据的反馈,并将它们发布到 API 中,例如 bruit.io.

Docs

创建文档

Test

  • vuenit - 用于测试 Vue 组件和指令的实用程序.
  • vue-unit - Vue.js 库,可以更轻松地创建和单元测试组件.
  • vue-a2b - 使用 Vue.js 进行拆分测试的库(A/B 测试). 高度可配置且小巧(1.2k gzipped).
  • vue-test-utils - 用于测试 Vue 组件的官方实用程序.
  • vue-test-actions - 使用 Jest 模拟单元测试 Vuex 动作.
  • jest-vue-matcher - Additional jest matchers for vue
  • vue-hubble - 在 Vue 中为 UI 测试选择元素的更好方法.
  • Vue Testing Library - 简单而完整的测试实用程序,鼓励良好的测试实践. 基于 DOM 测试库并建立在官方的 Vue Test Utils 之上.
  • jest-serializer-vue-tjw - 改进了 Jest 快照的格式
  • vuex-test-utils - 使用 chai 对 Vux 进行单元测试.
Browser-less require

无需浏览器即可加载 Vue 组件

  • vue-node - 在节点中加载 vue 组件.

Source Code Editing

文本编辑器插件

Atom
Sublime Text
Vim
Visual Studio Code
Visual Studio
  • VuePack - 包含 Vue.js JavaScript 库的 HTML Intellisense 和代码片段.
Brackets
Intellij
Emacs
  • Vue Mode - vue.js 的 Emacs 主要模式.
Kate
  • Kate Syntax Files - katepart(kate、kwrite、kdevelop)的语法文件(修改或原始).

Scaffold

脚手架 / 样板 / 种子 / 入门套件 / 堆栈集成 / Yeoman 生成器

  • vue-cli - 用于搭建 Vue.js 项目的简单 CLI.
  • Vue-Django - 一个样板,可让您将 VueJS 的强大功能引入 Django (Python) 应用程序.
  • python-vuejs - 使用一组脚本将 Python Web 框架和 Vue.js 粘合在一起. 基本上是一个 vue-cli 包装器.
  • generator-vue-plugin - Yeoman 生成器生成 vue 插件.
  • vue-seed - vue-seed 是那些希望开始使用 Vue 的人的最小种子
  • nuxt-seed - 对于那些希望使用 Vue 和 Nuxt 启动并运行的人来说,nuxt-seed 是最小的种子
  • rails_vue_melt - 带有 webpack=vue 优化器的 Rails 视图.
  • vue-starter - 一个 Vue.js 入门工具包,可让您专注于更多的编程和更少的配置.
  • vuejs-wordpress-theme-starter - 一个带有胆量的 WordPress 主题被撕掉并替换为 Vue
  • Cordovue - 使用 Vue 的示例 Apache Cordova 应用程序.
  • Cookiecutter-Django-Vue - Django+VueJS+Docker 可定制的项目生成器,具有大量设置/集成
  • iBiu 用于在 2 秒内搭建大型 Vue 项目的可视化 CLI.
  • wp-vue - 一个简单的 Vue 博客模板,显示来自 WordPress REST API 端点的帖子.
  • vue-cli-template-nativescript - 使用 rollup+babel+eslint 启动新的 nativescript+vue 项目的模板
  • vue-element-ui-scaffold - 带有 Element-UI CRUD 脚手架/生成器的在线和可视化 Vue 2.
  • vue-firebase-element-ui-scaffold - 带有 CRUD、身份验证、文件/图像上传、活动日志等的在线和可视化 Vue 2、Element-UI 和 Firebase 脚手架/生成器.
  • vuesion - 用于生产就绪 PWA 的最完整的样板. 专注于性能、开发速度和最佳实践
  • vue-vuex-typescript-webpack-seed - 带有 Vue、Vuex、Typescript、Scss 和 Webpack 的种子项目,支持热重载
  • VueCharged Template - 带有 CLI 脚手架的高度自以为是、功能优先的 Vue 2 模板. 使用 Vue 2、Vuex、Vue Router 和 Vue I18n.
  • Huncwot - 带有 Node.js 的 Vue.js 样板,用于使用“包括电池”方法构建现代 JavaScript 应用程序.
  • wemake-vue-template - Bleeding edge vue 模板专注于代码质量和开发人员的幸福感. 特点:nuxt、flow和jest.
  • vue-lib-template - 用于构建和发布 Vue 组件/库作为开源项目的简单模板.
  • Awesome Vue Boilerplate - 很棒的 Vue、Vuex、Vuex-pathify、element-ui、tailwindcss
  • ScaffoldHub.io - 使用 SQL、MongoDB 或 Firebase Firestore 数据库生成完整的 Vue 应用程序.
  • VuePlay - 在几秒钟内生成一次性 Vue 游乐场. 允许您快速测试事物.
  • Mevn-CLI - 基于 MEVN 堆栈的应用程序的光速设置.
  • vue-cli-template-registry - 用于安装托管在私有/企业存储库上的 vue-cli 自定义模板的解决方案.
  • Vuejs Firebase CRUD Starter with Auth
  • vue-enterprise-boilerplate - 使用 Vue CLI 3 为新的 Vue SPA 项目提供不断发展的、非常固执的架构和开发环境.
  • vue-starters-directory - 为 VueJS 搜索可用的脚手架项目和入门工具包. 提供功能搜索和 github 统计信息.
  • janak - 轻而易举地构建您的 Vue 3 应用程序
  • vue-composable-starter - 下一个 Vue 可组合的极简起点.
  • Vuetify-tailwind-animate-starter - vuetify + tailwindcss + animate.css 的 vue-cli 入门模板.

Client

仅在浏览器中渲染 Vue 应用程序

Universal

将 Vue 应用程序渲染为服务器上的 HTML 和浏览器中的 DOM

  • SPA Starter Kit - 一个高度自以为是的入门套件,用于使用 Laravel 和 Vue.js 构建单页应用程序.
  • SSR Boilerplate - 不污染 Vuex 的 Vue.js 服务器端渲染样板.
  • neutrino-preset-vue-static - 使用 Vue.js 构建静态站点的简约入门套件.
  • Vueniverse - 一个功能齐全的通用 Vue 模板,用于基于用户的应用程序,由 Nuxt.js 和 Express 提供支持.
  • vue-preload - 用于添加`的插件Vue
  • Vue.js/Nuxt.js full-featured boilerplate - 专业的代理前端模板,用于通过 vuejs/nuxtjs 构建快速、健壮且适应性强的 Web 应用程序或站点.

Server

包括一个后端样板

  • Vuetober - 带有 Laravel、Vue.js 和 October CMS 的单页应用程序.
  • vue-server-demo --在Vue中编写koa服务器.
  • vue-apollo-connector-kit - 使用 2 种不同策略(localStorage 和 httpOnly cookie)的 JWT 身份验证. 使用自定义指令 (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 - 搭建使用Vue和isomor的工作环境,通过自动生成API来统一前端和后端.

Electron

  • Electron Vue - 带有 vue-cli 脚手架、常用 Vue 插件、电子打包器/电子构建器、单元/e2e 测试、vue-devtools 和 webpack 的 Electron 和 Vue.js 快速入门样板.
  • VuePack - 使用 Vue 2、Vuex、Vue-router 和 Webpack 2(甚至 Electron)的现代启动器.
  • vue-flexible-link - 用于 Electron 的微型 Vue 组件,用于在浏览器中打开链接. 跨环境应用程序的理想选择(Web 和本机)
  • vuelectron - 用于 vue 的electronjs 入门套件.
  • vue-design - 使用 Vue 和 Electron 的最佳网站可视化构建器.
  • dapp - Vue/Parcel/Electron 堆栈的样板.
  • vue-electron-template - 带有热重载功能的 Electron 和 Vue.js 样板,以及使用 webpack-4 配置的常见 Vue 插件、开发和构建脚本
  • vue-iview-electron-boilerplate - 带有 iview4.x、Vue2.x、electron8.x 和 webpack4.x 的 Electron 和 Vue.js 样板

Parts

应用程序的脚手架部分

  • vue-generator - 用于 Vue 组件、视图和存储模块的 CLI 生成器.
  • vue-component-generator - vue 组件的生成器,支持 Vue1.X 和 Vue2.X.
  • rapydml_cmp - Vue 组件 pythonic 生成器,构建在 RapydML 和 RapydScript 之上.
  • vue-authoring-template - 用于以简单的方式以故事场景(故事书)格式发布 Vue 组件及其用例的创作模板.
  • vue-component-boilerplate - 用于为 VueJS 组件生成样板代码的模板,预装了构建脚本和测试.
  • vue-generate-component-typescript - vue 的打字稿代码生成器,它可以生成组件、指令、过滤器.
  • vuejs-generate - 用于生成 Vue 组件、商店、商店模块和单元测试的简单 CLI.
  • vue-sh-cli - 用于生成 Vue 组件、视图、存储模块和单元测试的 CLI. 支持 Vue 3 组件模板和 Typescript.

Runtime

Command Line / Terminal

  • blessed-vue - 一个 VueJS 运行时,可让您在 Vue Edit 中编写命令行 UI

Prerendering

  • react-snap - SPA 的零配置静态预渲染器
  • prerender-plugin - Node.js/ webpack 插件,用于在单页应用程序 (SPA) 中预渲染静态 HTML.
  • vue-prerender - 一个 Vue.js 定制插件,它实现了三种使用无头 chrome 预渲染 Vue.js 页面的策略.
  • Rendora - 动态 SSR(服务器端渲染)使用无头 Chrome 轻松解决现代 javascript 网站的 SEO 问题
  • pre-vue - 一个样板 Vue + Nuxt 项目,提供对 OpenGraph 标签、Google Analytics、站点地图和 robots.txt 的内置支持.
  • ssr-vuejs-nodejs - 使用没有 Nuxt 的 nodejs 的服务器端渲染 vuejs.
  • vue-genesis - 基于Vue SSR的微前端、微服务和轻量级方案


CC0