很抱歉,您还没有提供具体的Markdown文档。请提供您希望翻译的Markdown内容,我会帮您将其翻译成简体中文。
资源
官方资源
外部资源
- Vue.js 资料总结(日语) 作者:@hashrock
- Vue.js 维基百科
- Vue.js 半周刊 - Vue.js 新闻与技巧,由 @mokkapps 发布
- Vue 新闻 - 聚焦 Vue.js 最新新闻与信息的社交媒体网站。
- Vue 推荐资源 - Vue.js 课程与教程推荐。
- Vue School - 由核心成员和行业专家通过视频课程教授 Vue.js。
- VueDose - Vue 生态系统的技巧与诀窍,为忙碌的开发者准备。
- Vue.js 开发者社区 - Vue.js JavaScript 框架在 DEV.to 上的官方标签。
- Vue.js 在线课程目录 - Vue.js 课程由 ClassPERT 搜索引擎从顶级在线学习平台中精选。
- WebTechSurvey.com - 使用 Vue.js Javascript 框架创建的大量网站列表。
- Vue Mastery - Vue 开发者的终极学习资源。
- Vue 3 视频播放列表 - Vue 3 教程和实验。
- Vue.js 工作坊 - 在浏览器中学习 Vue 2,通过构建 3 个应用程序:登录页、待办事项应用和播客聚合器。(Vue.js, Vue-Router, Vuex, Vue-Axios, Vue-Apollo)
- Vue.js 文章 - Vue 2 和 Vue 3 的各种教程和文章。
- YouTube 上最佳的 Vue.js 课程 - YouTube 上最佳 Vue.js 教程的精选列表
- Vue 开发者笔记 - Vue 开发的个人指南。
- Vue-FAQ - 关于一般前端和 Vue.js 的常见问题解答。
招聘门户
- Vue.js 工作招聘 - VueJobs - Vue.js 招聘门户,为您的 Vue.js 工作招聘或寻找工作。
- Vue.js 面试问题 - Vue.js 面试问题和答案列表,共 300 个问题。
社区
- 官方论坛
- vue-requests - 请求您希望存在的 Vue.js 模块,或者获取模块创意。
- VueJS 英文社区
- VueJS 伊朗 - Telegram 群组和组内链接(群组简介中提供群组链接)
- vueslack - 全球注册用户超过 2300 人
- Vue Land - Discord 聊天服务器
- VueJS 俄罗斯 - Telegram 群组[俄语]
- VueJS 越南 - Facebook 群组
- VueJS 泰国 - Facebook 群组
- VueJS 巴西 - Telegram 群组[葡萄牙语]
- VueJS 巴西 - Facebook 页面[葡萄牙语]
- VueJS 巴西 - Facebook 群组[葡萄牙语]
- VueJS en español - Facebook 群组[西班牙语]
- VueJS 印度 🇮🇳 - Discord 聊天服务器
- VueJS 印尼 - Telegram 群组[印尼语]
- VueJS 印尼 - Facebook 群组[印尼语]
- VueJS 印尼 - Meetup 页面[印尼语]
- VueJS 香港 - Facebook 群组
- VueJS 阿拉伯 - Telegram 群组
- VueJS Vix - Telegram 群组[葡萄牙语]
- VueJS Vix - Meetup 页面[葡萄牙语]
- VueJS 挪威 - Meetup
- VueJS 以色列 🇮🇱 - Facebook 页面
- VueJS 芬兰 - Meetup
- VueJS 芬兰 - Facebook 页面
- Hablemos de Vue.js - Telegram 群组[卡斯蒂尔语]
- VueBLR - Meetup
- VueBLR - WhatsApp 群组
- VueBLR - Facebook 群组
- VueJS USA - Meetups
- VueJS CZ/SK - Discord 群组
- VueJS DOM - WhatsApp 群组
- VueJS DOM - Facebook 群组
- VueJS 乌兹别克斯坦 - Telegram 群组[乌兹别克语]
- VueJS 乌兹别克斯坦 - Telegram 社区和支持群组[乌兹别克语]
- VueJS 土耳其 - Telegram 群组
- Vue 土耳其 - Twitter 账户
- Vue Türkiye - Kommunity 页面
- VueJS 新加坡 - Telegram 群组
- VueJS Bootcamp kablosuzkedi - Turkey - Telegram 群组
- VueJS 翻译乌克兰 - Telegram 群组 (乌克兰)
- VueJS 肯尼亚 - Twitter 账户
- VueJS 匈牙利 - Facebook 群组[匈牙利]
- VueJS Bangladesh - Facebook群组
大会
播客
- Full Stack Radio #30 (2015-11-23)
- Changelog #184 (2015-11-27)
- Software Engineering Daily (2015-12-29)
- JavaScript Air 016 (2016-03-30)
- Codecasts #2 - 讲述 Vue.js 和 Web Components 的背后故事 [pt-BR]
- Full Stack Radio #50 (2016-09-21)
- 与 Vue.js 框架的作者聊一聊前端框架开发背后的故事 [zh-CN]
- MW S04E08 - Vue.js 与 Evan You 和 Sarah Drasner (2017-04-27)
- Request For Commits #12 - 国际开源众筹 (Vue.js) (2017-06-15)
- The Web Platform Podcast 132: Vue.js (2017-07-27)
- 用 Sarah Drasner 动画 Vue.js (Software Engineering Daily 2017-01-12)
- Vue 播客列表通过 The QIT Tech Podcast Indexer
- DNE 138 - Vue.js 值得吗?(2018-01-05)
- Cynical Developer #99 (2018-10-15)
- Syntax #130 (2019-03-27)
- Enjoy the Vue: 新 Vue.js 播客
- 什么是 Pinia?与 @posva (My typeof Radio) [es-MX]
- Vue 的演变 - 第一部分 (My typeof Radio) [es-MX]
- Vue 的演变 - 第二部分 (My typeof Radio) [es-MX]
- Vue 的演变 - 第三部分 (My typeof Radio) [es-MX]
- React 与 Vue - 它们的社区 (My typeof Radio) [es-MX]
- Vue 播客列表 (每周 Vue)
- DejaVue - Vue 播客,不要忘记
YouTube 频道
官方示例
教程
- 学习 Vue 3:逐步进行 在 Laravelcasts 上
- Vue.js 2 身份验证教程 在 Auth0 博客上
- 使用 Vue.js 创建 GitHub 文件浏览器 在 Scotch.io 上
- Vue.js 教程 在 Vegibit 上
- Vuex 简介视频 -来自伦敦 Vue.js 会议 #1
- 用 Laravel 和 Vue.js 创建混合应用示例(葡萄牙语) 由 @vedovelli
- Vue.js 入门土耳其语 在 oguzhan.in 上
- Vue.js 视频教程系列(西班牙语,2016年3月8日) 在 YouTube 上由 Juan Andrés Núñez
- Vue.js 教程系列(西班牙语) 在 Styde.net 上
- 讲解 Vue.js 官网 中文-含代码、百度云、youtube 在 bhnddowinf
- 使用 Vue.js、ES2015 和 Webpack 探索实时应用 在 Pusher 上
- Vue.js 在巴西 在 sekolahkoding.com 上
- Vue.js 从零开始系列(俄语) 在 YouTube 上由 .dev
- 创建 Vue.js 服务端应用程序的乌克兰语教程
- Vue.js 2.0 基础教程 by DevMarketer 在 YouTube 上
- Vuex 对于无知的开发者 —— Vue 应用程序数据存储缺失指南 在 Medium 上
- 实时网格组件 Laravel, Vue.js, Vuex 与 Socket.io 在 YouTube 上
- VueJS 2 - 完整指南(包括 Vuex) - Udemy 教程
- 使用 Vue.js 开发 Web 应用程序 在 egghead.io 上
- Vue.js 2 - 入门 在 YouTube 上
- Vue.js 2 & Vuex(基础) 在 YouTube 上
- 土耳其语 VueJS 教程视频 在 YouTube 上 by Fatih Acet
- 让我们 Vue!- OpenLecture 2017.01 瑞典语 在 YouTube 上 by Illya Klymov (@xanf)
- 使用 vue-cli 快速搭建你的第一个 Vue.js 应用程序 by @afropolymath
- 从头开始构建 vue-hackernews-2.0 by @ Detachment
- 使用 vue-kindergarten 为 Vue.js 和 Nuxt.js 应用程序实现基于角色的授权 在 Medium 上
- 完整的 Vue.js 应用程序教程 - 使用 Vue 创建一个简单的预算应用程序 by @matthiaswh
- Vue.js 教程:一个预渲染的、SEO友好的示例 在 Snipcart 上
- 对于只知道足够 jQuery 的人来说 Vue.js 入门 在 Medium 上
- 使用 Vue.js 和 Axios 从第三方 API 获取数据 在 SitePoint 上
- 使用 Vue 2 的有趣项目(视频) by Peter van Meijgaard, Packt. (2017年4月)
- Vue.js 2 与 Express 和 Webpack Dev Server 同时运行 在 Medium 上 by Henrik Fogelberg
- Vue.js 2 教程 在 YouTube 上 by The Net Ninja
- 在 5 分钟内将无头 CMS 添加到 Vue.js 中 在 YouTube 上 by Illya Klymov (@xanf)
- Vue.js 架构中的 Watcher 在 GitHub 上
- 使用 Vue Router 访问 URL 参数 在 YouTube 上
- 在生产环境中使用 PM2 和 Nginx 部署 Vue.js 2 (SSR) (Vuetify) 在 Medium 上
- Vue.js 组件测试 在 laracast 上
- 使用 Vue.js 和 Express.js 构建全栈 Web 应用 由 @CodyLSeibert 演讲
- Vue.js 2 烹饪菜谱(视频) 作者 Peter van Meijgaard,Packt 出版社(2017年9月)
- Vue.js 入门
- Vue 2 全面 CRUD 应用的构建(视频) 作者 Peter van Meijgaard,Packt 出版社(2017年7月)
- Vue.js 入门教程
- Vue.js 入门(视频) 在 Inflearn 上,由 Captain Pangyo 创作
- Vue.js 博客在 2 小时内完成 在 Snipcart
- Vue.js 2 入门 作者 Sachin Bhatnagar,Packt 出版社(2018年1月)
- 使用 Vue.js 构建电影应用界面
- 构建自定义 Vue.js 路由
- 使用 ButterCMS 无头后端构建 Vue.js E-Commerce 应用
- 使用 Vue.js 和 Go 构建投票应用
- 使用 Vue.js 构建协作绘画应用
- 使用 Stripe 构建实时支付仪表板
- 使用 Vue.js 构建加密货币追踪器
- 使用 Vue.js 构建设计反馈应用
- 使用 Flask 和 Vue.js 开发单页应用
- 使用 Stripe、Vue.js 和 Flask 接收付款
- 使用 Laravel 和 VueJS 进行 API 驱动开发(免费课程) 在 serversideup.net 上
- Vue.js 中的状态管理
- Vue.js 实际项目 作者 Daniel Khalil,Packt 出版社(2018年8月)
- Heartbeat(Vue + NW.js 桌面应用视频系列) 作者 Axel Martínez(2017 - 2020)
- Firebase 服务器端渲染 Vue 应用(Nuxt.js)(JavaScript 框架的服务器端渲染)
- Firebase 使用 Nuxt.js 测量 Vue SSR 性能(JavaScript 框架的服务器端渲染)
- 使用 D3 和 Vue 创建交互式地图 (2018年10月)
- 编写通用 Vue.js 组件的指南(2019年2月)
- Vue.js 基础
- Vuex 入门
- Vue.js 表单验证
- Vue.js 大师班
- Vue.js Firebase 实时数据库
- Vue.js Firebase 认证
- 动态表单与 Vue.js
- 自定义 Vue.js 指令
- Vue.js 应用开发基础 作者 Bartłomiej Potaczek,Packt 出版社(2018年10月)
- Vue.js 故障排除 作者 Christian Hur,Packt 出版社(2018年10月)
- Nuxt.js - Vue.js 的加强版 作者 Maximilian Schwarzmüller,Packt 出版社(2018年10月)
- 使用 Quasar 和 Vue.js 构建 Electron 文件管理器 作者 @hawkeye64。(2018年11月)
- 使用 Vue.js 2 和 Firebase 构建 Web 应用 在
Udemy
上由 the Net Ninja 创作 - 使用 Vue.js、Vuex、Vuetify 和 Firebase 构建单页面应用(第一部分)(2018年11月)
- 使用 Vue.js、Vuex、Vuetify 和 Firebase 构建单页面应用(第二部分)(2018年11月)
- 使用 Vue.js、Vuex、Vuetify 和 Firebase 构建单页面应用(第三部分)(2018年11月)
- 使用 Vue.js、Vuex、Vuetify 和 Firebase 构建单页面应用(第四部分)(2018年11月)
- 向 Vue 应用添加国际化(2018年11月)
- Vue JS 2 实际项目 作者 Jack Herrington,Packt 出版社.(2018年12月)
- Vue.js 入门教程(视频) 作者 Lessipe.
- 使用 Vue.js 和 Node.js 的全栈 Web 开发 作者 Haider Rehman,Packt 出版社.(2019年1月)
- Vue.js 设计师 作者 Design+Code(2019年2月)
- Vue.js 在土耳其的介绍
- 在土耳其使用 Vue-Resource 进行数据拉取
- 在土耳其使用 Vue-router 构建单页面应用
- 使用 Vue-cli 在土耳其创建 Vue 项目
- 在 Vue 组件和 Vuex 之间在土耳其进行消息传递
- 如何在 Vue 中动态添加类名 作者 Michael Thiessen
- 使用 ScaffoldHub 使用 Vue JS、Node JS 和 SQL 或 MongoDB 构建库网站应用 作者 Felipe Lima @scaffoldhub_io(2019年5月)
- 使用 NativeScript + Vue 构建实时位置跟踪应用 作者 Saibbyweb(2019年6月)
- Vue:入门,作者 John Papa 在 Pluralsight 上(2019年10月)
- 使用 Vue.js 和 Nuxt 构建简单的预渲染 Web 应用 作者 Michael Lynch(2020年3月)
- Vue 和 GraphQL 与 Hasura 视频课程(2020年5月)
- 前端和全栈 VENM-stack 编码教程,作者 RabbitWerks JavaScript(无日期)
- Nordschool Vue 教程(无日期)
- Vue Props 验证 - 最佳实践(无日期)
- Vue Router - 完整指南(无日期)
- 为 Nuxt 和 TypeScript 启用 VS Code 调试器(无日期)
- 使用 Gridsome 和 Vue 创建博客(无日期)
- 使用 Vue.js 和无服务器构建 Imgur 克隆(2019年6月)
- 在 Vue.js 中构建 HackerNews 克隆(2019年6月)
- Vue.js:使用 Firebase、Vuex 和 Router 构建完整的前端应用 [视频] 作者 Chris Dixon(2019年10月)
- Vue.js 2 学院:逐步学习 Vue.js [视频] 作者 Chris Dixon(2019年10月)
- 使用 Gridsome 实现 Vue 和 GraphQL 的快速开发 [视频] 作者 Reed Barger,Packt(2020年2月)
- 在大约 30 分钟内使用 Vue.js 创建您的第一个 Vue.js 应用 作者 Rad Devon(视频,2020年2月)
- 如何在 Vue.js 中使组件动态化 作者 Michael Thiessen(2019年9月)
- Vue.js 中的片段(2019年12月)
- 使用 Vue.js 和 Vuex 构建电影搜索应用(2020年5月)
- Vue 测试速成班(2020年5月)
- 在云中分享和重用 Vue Mixins 作者 Felipe Lima @scaffoldhub_io(2019年5月)
- 在 Vue.js 中使用 Watchers(2019年6月)
- 理解 Vue.js 中的过滤器(2019年6月)
- 使用 Yup 在 VueJS 中进行表单验证 作者 Vijit Ail(2020年5月)
- 使用 Vue.js 重构 React 官方教程中的 Tic Tac Toe(胡了了) 作者 Chanvin Xiao(2020年3月)
- 我们可以在 Vue.js 或 Vue 和 Django 或 Flask 中使用 Python 吗?(无日期)
- MDN - Vue 教程(无日期)
- 学习 Vue 3 入门 - 完整 2020 教程课程 在 YouTube 上
- Vue 3 组合 API 简介 - 完整教程
- 使用 Airtable 实时存储消息构建 VueJS 聊天应用程序 作者 Srushtika Neelakantam (2020年12月)
- 使用 VueJS 和入门套件构建实时问答 作者 Srushtika Neelakantam (2020年10月)
- 使用 vue.js 和 firebase 创建一个心脏点击器
- 使用 Vue.js、Vuex 和 Axios 构建电子商务应用程序 作者 Deven Rathore (2020年11月)
- Vue.js 调试:修复前端的基础知识指南 - 学习 Vue.js 调试的基础知识。本指南将通过教程指导您如何修复应用程序的前端。
- 帮助您更高效地学习 vue3 源代码 - mini-vue 作者 cuixiaorui
- Vue.js 单页应用程序:构建功能强大的电子商务应用程序
- 学习 Vue 3.0
- Vue 3.0 和去中心化应用程序(dApp)
- Vue.js 认证教程 登录半径博客
- 向任何 Vue 应用程序添加预构建的视频聊天小部件 作者 Jess Mitchell,通过 Daily (2021年8月)
- 使用 daily-js 和 Vue 构建自定义视频聊天应用程序 作者 Jess Mitchell,通过 Daily (2021年11月)
- Vue Pwa:使用 Nuxt 构建渐进式网络应用程序 在 Snipcart 上
- Meteor + Vue YouTube 上的由 Axel Martínez 创作的视频集锦
- Vue.js 入门 Scrimba 的西班牙语迷你课程。
- Vue.js 入门 - Vue Mastery 提供的免费 Vue 3 教程,直观的解释。
- 使用 Vue.js 3 和 Vite.js 开发 Web 应用程序(法语) 作者 Mickael Baron
- 使用 Vue.js 3 和 Docker 部署 Web 应用程序(法语) 作者 Mickael Baron
- Vue.js 相对于 React、Angular 及其他框架的优势(土耳其语) 作者 İsa Sarı
- Vue.js 教程(土耳其语) 由 Abdullah Uğraşkan 创作
- 宁皓网独立开发者训练营:Vue 前端应用开发 在 bilibili 上
- 宁皓网独立开发者训练营:Vue 前端应用开发 在 YouTube 上
示例
- Node Webkit + Vue 示例 作者 @brandonjpierce
- Vue 示例 作者 @superlloyd
- 使用 vue.js + vue-router 的 HackerNews 克隆 作者 @kazupon
- Electron + Vue 示例 作者 @bradstewart
- 单页面应用程序示例(Vue + Voie) 作者 Boris Okunskiy
- 开始 - 使用 Vue + Lumen 编写的任务管理器 SPA 作者 Raj Abishek
- Vue 小店
- Vue SoundCloud 作者 mul14
- 特性请求(Laravel + Vue 组合) 作者 haydenbbickerton
- Vue Cookbook (Vue1.0 + express) 作者 @yjj5855:一个服务的首屏渲染演示
- 强强联手 - 一个基于 Browserify 和 Semantic-ui 的起始项目,用于构建单页面 Vue.js 应用程序,作为独立项目或用于 Laravel / Laravel Spark 项目。作者 WebSemantics
- vuetest:具有用户认证、bootstrap UI、上传程序、iframe 中的 WYSIWYG 编辑器的 ad 后台
- vue-shopping 作者 andylei18
- Vue-cnodejs,060 作者 @shinygang
- vue-zhihu-daily 作者 hilongjw
- VueChess - 多人在线国际象棋游戏
- Ngexplorer-vuejs-client -
Ngexplorer
的 Vue 客户端 - Vue 2048 (Vue + Webpack) 作者 @pengfu:使用 Vue、Webpack、Sass、ES6 实现的热门 2048 游戏。亮点:ES6/7、渲染函数、JSX、revue(Vue 的 redux 绑定)、
vue-router
、Airbnb eslint、webpack。作者 @aweber1 - vue-table-pagination 一个通过 echovic 的分页表格
- Feathers and Vue 2.0 Blog Admin Demo 使用 Vue 2.0 和 Feathers 的博客管理器示例。它包括认证、vue-router、vue-infinite-loading 和角色系统,由 delay 提供
- vue-zhihudaily-2.0 使用 Vue 2.0、vue-router 和 vuex 构建的 Zhihudaily 示例,并支持服务器端渲染。由 cs1707 创建
- vue-demo-todolist 一个简单的 Vue 2.0 示例,使用 Vue 2.0 和 vue-cli 构建。由 fishenal 创建
- vue-AdminLte 由 liujians 创建
- Vue(2.0) + Node.js: A blog content manage system (CMS) 由 @ycwalker 创建
- ngexplorer-quasar 使用 quasar framework 实现了
Ngexplorer
- zhihu-daily-vue 基于 Vue 2.0 的知乎日报,由 moonou 创建
- loopback-vue 带有 vue-resource 的 loopback + vue + ionic-app + vue 页面分页功能,authenticate 权限控制,accesstoken 机制,credentials,CI,docker 由 qxl1231 创建
- vue-s3-dropzone Vue.js 拖放组件,无服务器地将文件上传到 AWS S3
- easy-vue 使用 Vue 2.0 实现简单网站的示例,包括 vuex 2.0、vue-router 2.0、vue-infinite-scroll 2.0、vue-progressbar 2.0,由 TIGERB 创建
- Vuex Events Messaging Demo 由 Metric Loop 创建
- vue-memo 使用 Vue.js(>2.x.)、vue-router(>2.x.)、vuex(>2.x.)、vuex-router-sync@next(>3.x.) 和 Firebase(>3.6.x) 的简单示例,由 akifo 创建
- Resume Vue 基于 Vue 2.0 的基于 JSON 的简历,由 ChangJoo Park 创建
- App example with JWT Authentication 使用
Phoenix Framework
、Vue 和 Vue Router 创建(demo) - Sample CRUD app with router in Vue 2.0 由 @shershen08 创建
- ASP.NET Core Vue.js server-side rendering sample 由 @mgyongyosi 创建
- vue-reddit-app 使用 Vue 2.X、Vue Router 2、Vuex 和 axios 创建的 Reddit SPA demo,由 yujiahaol68 创建
- vue-music-qq 基于 vue-cli 的 QQ 音乐项目。页面简单流畅
- NavigationTab with Vue-Redux and Plain VueJSX 使用 Vue JSX 和 Vue + Redux 绑定的导航标签
- Veggie Map 使用 Vuejs + Vue router + Leaflet 和 Firebase 的交互式演示
- vuejs-d3 如何使用 d3 进行可视化的示例。
- vue-twitter-client 使用 Vue 2.X、Vuex、electron-vue 和 Electron 创建的 Twitter 客户端应用
- Douban 使用 Vue2.x + Vuex + Vue-router + vue-resource 创建的 awesome douban 示例。由 jeneser 创建
- Storyblok vuejs-boilerplate - 集成了 Storyblok 的组件系统,允许创建可编辑的网站。
- Vuexpresso - 使用 VueX、Vue-Router、Vue-Apollo、webpack、GraphQL、Apollo-client、express 和 mongo 的样板项目
- Vue.js with Sails.js example project - 这个项目适合那些刚开始单页应用程序学习并通过实际示例学习的人。
- Vue.js & Pyramid web framework app - 使用 Pylons Pyramid webframework 后端,Vuejs webpack2,vue-router,yarn(包管理器)的样板文件。
- vue-feathers-chat - 使用 Vue 前端和 Feathers 后端制作的实时聊天示例,但仅使用 Socket.IO-Client 进行通信。
- vue-xplan - 使用 Vue 和 three.js 创建的旋转地球演示页面。
- vueSocketChatRoom - 使用 vue2.x, vuex2.x, vue-router2.x, vux2.x, socket.io 的 socket 聊天室。
- vue-tetris (使用 Vue, Vuex, Immutable 编写 Tetris 代码) 作者 @Binaryify:使用 Vue, Vuex, Immutable 编写 Tetris 代码。
- route-planner-vue 作者 @Kasheftin:一款用于在谷歌地图上规划具有多个可排序层、可拖动方向、标记和形状的路由的工具。
- MyDiary-Vue - 使用 Vue 2.X 构建的日记应用程序,还具有联系人和待办事项功能。
- VueJS Example Projects 在 Github 上的项目。
- todo-mvc-webpack 作者 voluntapear:在 Vue 2 上实现的 TodoMVC,使用 webpack-basic 模板,并通过示例展示了 vuex、vue-router、中央事件总线和 VueFire。
- Chess Storybook Example 使用 Vue 2.0。
- Vue Weather Notifier - 一个小样本动画应用程序,使用 SVG 和 Vuex。
- VueBlog - 一个博客系统,由 wmui 支持服务端渲染。
- Cinemateka - 使用 Vue v1 和 Laravel 5.5 制作的单页应用示例。带有俄文评论的电影和活动日程。
- vue-2.x-boilerplate - Vue 项目的简单小型起始套件,包括 Vuex 和 vue-router。
- vue-minesweeper - 一个使用 vuejs 的简单致命的扫雷游戏,作者为 rhapsodyn。
- X-Flowchart-Vue - 一个基于 SVG 和 Vue 的流程图编辑器。
- koa-vue-notes-web - 一个使用 Koa 2.3 后端和 Vue 2.4 前端的完整功能的用户认证组件、用户的笔记的 CRUD 操作,以及 Vuex 存储模块的充实型单页应用程序。
- Vuejs Shopping Cart - 使用 Vuejs 和 Firebase 的购物车示例。
- PokedexVueJs 作者 @rchung95。
- vuefire-auth - 使用 Firebase 的 Vuefire Vue2-Auth-Email 验证。
- vuefire-realtimedatabase - 使用 Firebase 的 Vuefire Vue2-RealtimeDatabaseCRUD。
- vuefire-storage - 使用 Firebase 的 Vuefire Vue2-Storage。
- Vue2-PWA-Blog 作者 @deepak-singh。
- vue-firebase-auth-vuex - 使用 Vuex 和支持渐进式 Web 应用的 Vue2 Firebase 认证。
- vue-chart-stater-kit - 使用 Vue Router、Vue Chart、Element-UI 的快速启动模板。
- vue2.0-demos 使用 mint-ui、Element-UI,并有一些演示(选择城市等)。
- conway - Vue 实现的 Conways 游戏生命游戏。
- vuex-feature-scoped-structure - 功能Scoped Vuex 应用程序结构的示例应用程序。
- vuex-examples - 使用 Vuex 构建现实世界应用程序的简单示例。
- vue-vuex-todomvc - 示例 TodoMVC Vue.js 应用程序,具有 Vuex 存储和通过 REST 的服务器后端,以及使用 Cypress.io 测试运行器的完整端到端测试集。
- vuejs-sqljs-boilerplate - 这是一个同时使用 Vue.js 和 sql.js 的样板文件。
- X-WebDesktop-Vue - 基于 Vue 的 WebDesktop 系统。
- vuejs-music-player - Vue.js 轻量级音乐播放器。
- Vue.js Best Practices Example Project - 使用 Vue.js + Vue Router + Vuex + Vuelidate 的最佳实践示例项目。
- Vue.js [ONE] 客户端 - 使用 Vue2.5 编写的 [ONE] 客户端。
- Vue.js 2.5 with vue-cli v3 包括使用 auth0 的认证 作者 Dominik Angerer, Storyblok。
- Skeleton Vue+TypeScript - TypeScript, VueJS, ElementUI, Vue Router, Vuex, Material Icons, BrowserSync, Dockerfile。
- PENV Starter - 如何使用 VueJS, Express 和 PostgreSQL 结合的基本示例。
- vue-relay-examples - 使用 vue-relay 的示例应用程序集合。
- laravel-vue-boilerplate - Laravel 5.5 的 SPA 快速启动样板文件,具有使用 Vue.js 2.5、Bootstrap 4、TypeScript、Sass、Pug 和 Jest 的用户 CRUD。
- Vue Design System - 使用 Vue.js 构建 UI 设计系统的开源样板文件。
- Vue Bulma Demo - 一个简单的演示网站,用于检查结合使用 Bulma / Vue JS 和 express。
- Starter application ready for production with TypeScript, vuex, vue-router, HMR and more
- vue.js 与 laravel 结合的前后端分离开发模板- A template website to laravel passport / Vue.JS & Element UI.
- Hands-On Web Development with Vue.js by Roman Kuba, Packt. (May 2018)
- Vue Online Shopping Mall - A online shopping mall SPA demo, 基于 VUE 开发的前后端分离电子商城前端项目
- FUE - Admin SPA client and server-side boilerplate with Vue.js + Vue Router + Vuex + Vuetify + FeathersJS
- Vue + TypeScript Cookbook - A small cookbook covering some less-than-obvious solutions for people getting started with Vue + TypeScript
- Vuejs Examples
- ASP.NET Core Vue Starter CLI 3.0 A Vue starter template using Vue CLI 3.0 with custom configuration (default TypeScript, Vue, Router, Vuex, Vuetify) integrated with ASP.NET Core by @SoftwareAteliers (September 2018)
- vue-soundcloud A Soundcloud client built with Vue.js 2, by Soroush Chehresa
- vue-cart A simple shop cart made with vue, vuex and vue router. by crisgon
- Nuxt + Apollo + Element A Vue.js SSR boilerplate with Nuxt, Element (custom theme) and Vue Apollo.
- vue-daily-zhihu a simple demo build with Vue 2.0 & vue-router & vuex by walleeeee
- Multi-page ASP.NET Core Vue with TypeScript - Multi-page ASP.NET Core Vue, Typescript, Vuex, Vue router, Bulma, Sass and Jest application. Template/starting point on how to use Vue.js as a multi page(multiple mini spa's) application in .NET Core MVC.
- CION - Design system boilerplate for Vue.js - A design system build primarily for Vue.js applications. It utilizes design tokens, a living styleguide with integrated code playgrounds and reusable components for common UI tasks.
- Vue websockets example - A basic example of Websockets usage with Vue.js 2 + Node project for full working example.
- Vue(2.0) + Node.js: A blog by @FatDong1
- vue-todo-list ToDo List sample app based on Vue + Vuex + Vuetify + Vee-Validate
- Vue.js and Ionic v4 examples - A set of examples of how to use Ionic v4 with Vue.js
- 个人网站使用Vue、Vuex和Vue-Router - 一个简单的网站示例,由 Muratcan Şentürk使用vue、vuex和vue-router制作
- 客户端Vue.js - 演示 - 由Justin Wash编写的Vue.js客户端,用于小型、快速加载、基于node.js的单页面应用
- 大型Vue.js应用程序样板 + Vuex - 使用Vuex作为状态管理的起始模板,用于启动大型灵活的Vue.js应用程序 - 由Arun Redhu编写
- Vue.js上的Snake游戏,无Canvas
- Vue.js中的实时聊天应用,使用CometChat和Firebase
- TO - 一个社交媒体应用,允许您仅发布纯文本。
- All-About-Me - 一个使用Vue、Firebase(Firestore/Auth/Storage)、Element-UI、Disqus、Vuex、Vue-Router和Sass构建的社交媒体Web应用程序。支持图像上传、个人资料编辑、添加/删除朋友和评论。
- Vue Voyagers 👽 Space Travel - 一个使用Vue.js 2的Vue.js游戏化示例SPA,消费REST API。它通过D3.js、动画和网络音频展示信息图。
- TodoMVC Vue 3 Composition API - 在Vue 3 Composition API中完成的TodoMVC实现,包含组件、商店、单元e2e测试和代码检查。
- TodoMVC Vue - 在Vue 2中完成的TodoMVC实现,包含组件、商店、单元e2e测试和代码检查。
- Vue.js电影搜索应用 - 一个在Vue 2中实现的基于Composition API的电影搜索应用
- Nuxt with JWT authentication via OTP - 一个具有基本注册和启用OTP登录功能的Nuxt.js样板。
- vuetify-i18n-boilerplate - 演示 - 使用Vuetify、Vue-i18n、Vuex和Vue-router快速启动Vue项目的样板。
- Google Keep克隆与Vue + Firestore - 使用TypeScript编写的Google Keep克隆,基于Vue和Firestore。
- Go-echo-vuejs-boilerplate - 使用go与echo框架作为后端,vuejs处理网络流量。
- Vue-Next-TicTacToe - 使用Vue Next制作的简单Tic Tac Toe游戏。
- Vue 3 example without Webpack - 如何在不使用Webpack或其他构建工具的情况下使用Vue-Router构建Vue应用程序的示例。包括使用Vue Server Renderer预渲染组件和页面的能力。
- COVID19 Live Data Component - 显示全球实时COVID19数据的简单组件。
- vue-stack-cesium - 一个带有CesiumJS和所有超棒vue功能的极小样本配置项目。项目中包含许多如何结合和使用特定包以开始使用的示例。
- Shopify Theme Lab - 使用Vue、Vuex和Tailwind CSS的Shopify主题开发起始项目。
- Peer to Peer game of telephone - 一款适合4至8个玩家(理想情况下!)的派对游戏,通过绘画和标题来变异短语,与朋友一起编造有趣场景。该项目是一个使用Vue构建Peer-to-Peer游戏的示例。
- vue3-webpack vue 3 + webpack 4 起始项目。
- laravel-vue-3-starter 使用 Laravel 8 和 Vue 3 的预配置项目。
- Vuetify Swipeout - 使用 Vue 2 + Vuetify + Swiper 构建的一个滑动删除示例。
- Vuetify Todo PWA - 使用 Vue 2 + Vuex + Vuetify 构建的一个简单的Todo PWA。
- Vue Todo PWA - 使用 Vue 3 + Vuex + Bootstrap 5 构建的一个简单的Todo PWA。
- Vue simulating - 使用Deepin发行版主题模拟Linux系统GUI的网站。使用vue + tailwindcss + animate.css。
- Vue Word Game - 一个使用Vue 2编写的类似Hangman的猜单词游戏。
- Coinchartsvue - 基于Coinbase原始价格图的加密货币价格图。
- Vue 3 Shopping Cart - 使用Vue 3、Vite、daisyUI和Pinia的购物车示例。
- vuemoji-picker - Vue 2和3轻量级表情选择器。
- Maxim Web Chat - 使用MaximTop's IM SDK(floo)实现的聊天App示例。
- vue-cli-3-tailwind-axios-starter - 使用Tailwind、准备好的Axios、Vuex和Router的起始模板。
- vue-cli-3-wave-ui-starter - 使用Wave UI + Vuex和Router的起始模板。
- CVue-Awesome 由Emre Coşkunçay开发的Auto Resume Builder。
- Vue 3 TypeScript Library Template Vue 3的简单但完整的库模板,支持生成
.vue.d.ts
。 - Customizable Vue video chat app - 一个具有本地设备控制和屏幕共享功能的Vue视频通话演示应用。
- Vue3-Starter Vue 3文件结构/文件夹结构的意见,包括Vue Router导航守卫、使用TailwindCSS的主题、带有Vuelidate的表单验证、使用Fluent的语言等。
- Text Editor 使用Vue 3 Composition API、Bootstrap和Firebase编写的文本编辑器,由İsa Sarı制作。
- umo editor - Umo Editor是基于Vue3和Tiptap的开源文档编辑器。访问Playground获得快速体验。
- Vue 3 + Laravel v9 - Boilerplate / Starter kit 使用Laravel Breeze应用程序/认证起始模板的前端在Vue.js v3中的实现。如何在pinia和vue-router的帮助下将一个库变成一个框架。
- h5 基于Monorepo的移动工程项目的仓库。(Monorepo + Pnpm + Vite3.x + Vue3.2+ + TypeScript4.x + VueRouter4.x + Pinia...)
- Vitesse Starter ⛺️ Vue 3 起始项目,包括(布局 | 国际化 | UnoCSS | pinia | Markdown | 暗模式 | PWA | SSG | 组件自动导入 | 基于文件的路由器 | 组合API | TypeScript)
- Vitesse-lite Starter ⛺️ 轻量版的Vitesse(Vue 3 起始项目)
- vue-plugin-boilerplate - Vue 2和3插件开发的样板🟩📦
- Vue.js 2 和 Bootstrap 4 Web 开发 作者:Olga Filipova,Packt 出版社(2017年9月)
- 前端使用 Vue.js 作者:Leonardo Vilarinho,Casa do Código 出版社(2017年11月)
- Vue.js 2 Web 开发项目 作者:Guillaume Chau,Packt 出版社(2017年11月)
- 全栈 Vue.js 2 和 Laravel 5 作者:Anthony Gore,Packt 出版社(2017年12月)
- Vue.js 2.x 示例 作者:Mike Street,Packt 出版社(2017年12月)
- 精通 Vue.js 作者:Oleksandr Kocherhin。(2018年1月)
- Vue.js 全面指南 作者:Hassan Djirdeh, Nate Murray, Ari Lerner。(2018年3月)
- Vue.js 2 设计模式与最佳实践 作者:Paul Halliday,Packt 出版社(2018年3月)
- Vuex 快速入门指南 作者:Andrea Koutifaris,Packt 出版社(2018年4月)
- 全栈 Vue:Vue.js 的完整指南 作者:Hassan Djirdeh, Nate Murray, Ari Lerner。(2018年3月)
- Vue.js 2 设计模式与最佳实践 作者:Paul Halliday,Packt 出版社(2018年3月)
- Vuex 快速入门指南 作者:Andrea Koutifaris,Packt 出版社(2018年4月)
- 全栈 Web 开发 Vue.js 和 Node.js 作者:Alex Jover Morales,Packt 出版社(2019年10月)
- Vue.js 作者:Chris Minnick 和 Nat Dunn,Webucator(2020年2月)
- Vue.js:构建出色的应用 作者:Caio Incau,Casa do Código 出版社(2017年9月)
- 了解 Vue.js 作者:Brett Nelson,Apress 出版社(2018年8月)
- Vue:构建与应用 作者:Daniel Schmitz,Leanpub(2018年9月)
- 使用 Spring 5 和 Vue.js 2 构建应用程序 作者:James J. Ye,Packt 出版社(2018年10月)
- Vue.js 快速入门指南 作者:Ajdin Imsirovic,Packt 出版社(2018年10月)
- Vue.js 组件模式课程 作者:Frederik Dietz(2019年4月)
- Vue.js:理解其工具和生态系统 作者:Dave Berning(2019年11月)
- 使用 Vue.js 构建表单 作者:Marina Mosti(2019年10月)
- 用 Jest 测试 Vue.js 组件 作者:Alex Jover Morales,Packt 出版社(2019年10月)
- Vue.js 作者:Chris Minnick 和 Nat Dunn,Webucator(2020年2月)
- Vue.js:构建出色的应用 作者:Caio Incau,Casa do Código 出版社(2017年9月)
- 了解 Vue.js 作者:Brett Nelson,Apress 出版社(2018年8月)
- Vue:构建与应用 作者:Daniel Schmitz,Leanpub(2018年9月)
- 使用 Spring 5 和 Vue.js 2 构建应用程序 作者:James J. Ye,Packt 出版社(2018年10月)
- Vue.js 快速入门指南 作者:Ajdin Imsirovic,Packt 出版社(2018年10月)
- Vue.js 组件模式课程 作者:Frederik Dietz(2019年4月)
- Vue.js:理解其工具和生态系统 作者:Dave Berning(2019年11月)
- 使用 Vue.js 构建表单 作者:Marina Mosti(2019年10月)
- 用 Jest 测试 Vue.js 组件 作者:Alex Jover Morales,Packt 出版社(2019年10月)
- Vue.js 作者:Chris Minnick 和 Nat Dunn,Webucator(2020年2月)
- Vue.js:构建出色的应用 作者:Caio Incau,Casa do Código 出版社(2017年9月)
- 了解 Vue.js 作者:Brett Nelson,Apress 出版社(2018年8月)
- Vue:构建与应用 作者:Daniel Schmitz,Leanpub(2018年9月)
- 使用 Spring 5 和 Vue.js 2 构建应用程序 作者:James J. Ye,Packt 出版社(2018年10月)
- Vue.js 快速入门指南 作者:Ajdin Imsirovic,Packt 出版社(2018年10月)
- Vue.js 组件模式课程 作者:Frederik Dietz(2019年4月)
- Vue.js从入门到精通系列 - Paris Nakita Kejser在YouTube上的视频教程
- Vue.js面试问题快速解答 - 中文文章
- VueJS后台模板 - 收集了一些优秀的开源和付费VueJS后台模板。
课程
- 通过构建和部署一个CRUD应用程序学习Vue.js - 本课程专注于通过使用测试驱动开发(TDD)构建和测试一个网络应用程序来教授Vue的基础知识。
- 从头开始学习Vue.js的高级特性 - 学习如何从头开始构建更易于访问的路由、状态管理、表单验证和国际化的库!
- 用Vue 3快速成为忍者 - 本课程逐步教授如何使用Vue 3构建完整的应用程序,使用Vue CLI、TypeScript和Composition API。每个练习都附带说明和测试,以确保您的代码达到100%。
纪录片
- Vue.js:纪录片 - Honeypot制作,2020年2月发布
使用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 - 一个spa,可以帮助您更好地检查您的GitHub。
- Hotel - 从浏览器启动您的开发服务器,并在几秒钟内获得本地域名。
- Surfbird - 使用现代Web技术开发的一个Twitter客户端。
- Approach0 - 一个具有数学意识的搜索引擎。
- Flox - 一个自托管的电影、电视剧和动漫观看列表。
- JavaScript Guessing Game - 一个用于识别JavaScript工具和库的游戏。
- vue-ghpages-blog - 基于Vue.js 2和Webpack 2的博客平台。
- Vuedo - 基于Laravel和Vue.js构建的博客平台。
- vue-music163 - 一个音乐项目的Vue.js项目。
- Tomato5 - 实时协作工具,它结合了番茄工作法和团队状态共享看板。
- Web Learn - 一个服务,提供简单的访问数千个关于网络开发和编程的视频教程。
- Materialize-blog - 使用Laravel5.3和Vue2.x构建的材料化博客。
- VueComponentGenerator - 在浏览器上生成vue单文件组件。
- SDR News - 从多个来源(Reddit、Hacker News和知名博客)聚合的Web设计师和开发者的新闻。
- PJ Blog - 使用Laravel和Vue.js构建的开源博客。
- 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的博客。
- Media Manager - 网络文件管理器。
- dyu/bookmarks - 一个由leveldb驱动的自包含、自托管的书签应用,使用Vue2.1.x构建。
- JSON Schema Editor - 一个直观的JSON模式编辑器。使用Vue.js 2和Firebase开发。
- npm-stats - npm包下载统计仪表板
- vue2-admin-lte - 将AdminLTE转换为支持Vue.js(v2.x)的项目。
- Dockeron - 基于Electron + Vue.js的Docker桌面项目。
- Flamme - 一个基于electron和Vue.js的教育用途的开源Tinder桌面客户端。
- Gold鱼 - 使用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设计的Creative Tim Paper Dashboard
- AdminLTE-VueJS2 - 实现VueJS(v2.x)的AdminLTE的开源项目
- Material Dashboard - 为Vue设计的Creative Tim Material Dashboard
- Explore-Github - 使用API v3的VueJS 2 Github Explorer
- CoreUI Vue Admin Template - 由Vue.js提供支持的开放源代码Admin Template
- ChuckNorris - 使用VueJS和api.chucknorris.io构建的Chuck Norris笑话生成器
- LeafPlayer - 一个简单且快速的私有托管音乐流媒体服务器
- JSON Editor - 一个支持schema的JSON编辑器。使用Vue2开发。
- Voten - 一个使用Vue2和Laravel构建的类似Reddit的平台
- News Weaver - 使用VueJS和VuetifyJS制作的基于Web的RSS阅读器/聚合器
- Wake Up Billie Joe! - 基于Green Day的歌曲Wake me up when September Ends的网站倒计时。使用Vue和Firebase制作。
- Astrum - 一个轻量级图案库,设计用于包含任何Web项目。
- vue2-pwa-vision - 使用Vue2、Vuetify和Progressive Web App的Face Detection Google Cloud Vision
- vue2-pwa-rekognition - 使用Vue2、Vuetify和Progressive Web App的Face Detection Amazon Rekognition
- AmmoBin.ca - 一个用于查找加拿大各地在线弹药价格的meta搜索网站
- SPA-asp.net-api-vuejs- - 使用ASP .NET Webapi 2和SQL Server的基本任务管理和消息传递Vue.js单页面应用程序
- Book-Trading-Club - 与您的地区其他书友交换书籍。使用nodejs和vuejs2构建。
- vuejs-extension-pack vscode - 一个扩展包,包含流行的VS Code扩展,用于Vue.js开发。
- Wiki.js - 一个基于NodeJS、Git和Markdown的现代、轻量级且功能强大的维基应用
- vue-pwa-speech - Vue2 + Vuetify + Progressive Web App的语音转文本与Google Cloud Speech
- vue-speech-streaming - Vue2 + Vuetify + Progressive Web App的实时语音识别流式传输语音转文本
- My Animation List - 一个易于获取CSS动画代码的工具
- vue-input-streaming - Vue.js的TextInput实时双向数据绑定广播与Pusher一起使用
- TidyTab - 一个用于整理那些标签的Chrome扩展。
- peregrine-cms - 基于Vue.js和Apache Sling的开头可选CMS
- concept-to-clinic - 使用Vue.js界面的肺癌预测项目
- grid-awesome - 使用css display: grid;属性为网格布局生成样板css。
- Light Bootstrap Dashboard - Creative Tim的轻量级Bootstrap Dashboard,适用于Vue
- Hubaga - 一个免费且轻量级的WordPress电子商务插件,适用于开发者和其他数字商店。
- vue-webpack-buefy - Vue.js启动器,配备全功能Webpack和Buefy
- Coypu - 类似文本编辑器的周计划器
- core-server - 高度可扩展的Vue.js框架,内置API系统,并具有多个高级功能。
- discord-logo - 基于SVG的Vue.js动画Discord徽标生成器。(Github Page)
- node-vue-template - 使用Node.js(API)和Vue.js(SPA)构建完整应用程序的入门模板。包含一些包含的包和配置,以帮助快速开始开发。
- vue-storefront - Vue.js Storefront - PWA电子商务。100%离线,平台无关,无头,支持Magento2。
- fd-vue - IoT框架的Vue.js客户端
- wildfire - 其他评论插件的替代品。
- Ride Receipts - 简单的自动化桌面应用程序,用于从Uber和Lyft下载和组织税务发票。
- vue-chrome-extension-boilerplate - 使用Vue.js和Webpack的Chrome扩展模板
- TimeMark - 一个时间管理器,可以记录您的时间,并且还会开发其他功能。
- Laravel Enso - 使用Bulma、VueJS和Laravel构建的单页面应用程序管理面板,打包了大量现成的功能。
- 代码笔记 - 一个为开发者构建的简单代码片段管理器,使用Electron和Vue.js开发。
- Pomotroid - 简单、视觉愉悦且可定制的番茄钟计时器。
- XMR挖矿器 - 使用Vue.js构建的加密货币(XMR)挖矿应用程序,并用D3可视化。
- XMR Paper - 使用Vue.js构建的Monero钱包生成器。
- JoyProxy - 用于处理代理设置的Chrome扩展程序。
- 活动自动化 - 管理日常活动并在按时基础上获取报告。
- jsettlers-web - 使用Vue.js构建的热门德国棋盘游戏,用于构建具有奖励资源的六边形、定居点、城市和道路。
- Tamiat CMS - Tamiat是一个专注于前端的CMS,使用Vue.js作为前端,并与Firebase集成以实现后端功能。
- vuegg - vue GUI生成器:一次性创建原型和代码!它利用其可视化编辑器创建页面、组件和样式。为您的下一个vuejs项目生成所有支架代码。
- Podlove Web Player - 基于HTML5的播客优化音频播放器,具有章节、剧本和嵌入功能。
- Leo Vue - 使用开源的Leo大纲编辑器/IDE创建具有嵌套菜单的网络应用程序,在内容中支持Vue组件。
- Deezer-Vue - 使用Vue和Vuex构建的Deezer客户端。
- Vuep.run - Vue的在线SFC编辑器。
- V·oogle - Google.com的重构版本,reVued。
- Pomidorus - 使用Vue和D3构建的番茄钟时间跟踪器。
- Hubble - :telescope: 浏览GitHub星星的历史。
- Vuepress - 极简主义的Vue驱动静态网站生成器。
- Socialhome - 一个带有社交网络功能的联邦式丰富个人资料构建器。
- GenVue - 一个可托管的网络应用程序,允许保密用户上传和分享私有文件,基于Vue.js、Vuetifyjs和NetCore WebAPI堆栈构建。
- vue-array - Vue中的数组对象操作,Vue中的数组对象操作。使用此包来操作数组。Vue可以监控数组中的更改。
- Laqu-l - 一个完整的App启动套件,使用Quasar Framework,带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 - 一个简单的轻松favicon生成器。
- 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的B/S模式系统监控器。您可以通过网络浏览器随时随地远程查看您的系统资源使用情况。
- eth-vue - 一个Truffle盒子,提供快速构建具有Vue.js认证功能的以太坊dApp所需的一切,包括配置以便轻松部署到Ropsten网络。它还启用Gravatar。
- Nippon-color - 受nipponcolors dot com的启发。这是一个使用vue-cli 3构建的nippon-color PWA。
- Saleina CMS - 一个使用Vue.js构建的静态网站内容管理系统,使用git作为后端。
- Vuido - 一个用于创建原生桌面应用程序的框架。它可以在Windows、OS X和Linux上运行,使用原生GUI组件。
- YouGet - YouTube视频/音频/字幕下载器和裁剪器。
- Vue Pug Stylus - Vue + Pug + Stylus样板代码💚 🐶 🖌
- Crypto News - 允许您转换加密货币,查看最新新闻和每个ICO的汇率 - 所有加密货币世界的数据都在一个地方。
- Epiboard - 一个新标签页扩展程序,具有材料设计和有用功能:new: :tada:
- zhudyos/duic - 分布式配置中心:new:
- Vuemmerce - 使用Vue.js和Bulma框架构建的免费电商模板:new:
- Nucleus - Vue启动应用程序模板,后端使用ASP.NET Core API分层架构,基于JWT的身份验证。
- Carpoolear - 阿根廷拼车应用的开源Vue.js前端(移动端和cordova应用):Carpoolear
- 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构建的用户信任浏览器扩展,允许您解封任何网站并私密安全地浏览网络。🛡
- VueSolitaire - 在Vue.js中实现了蜘蛛纸牌(spider,klondike)。
- Thermal - 一站式Git仓库管理。
- QMK Configurator - 基于Vue.js的QMK固件键盘配置UI。
- Eplee - 使用Vue.js和Electron.js制作的简单易用的电子书阅读器。
- 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 - 从本地目录轻松创建服务器。
- MQTTX - 使用Vue.js、TypeScript和Electron构建的跨平台MQTT 5.0桌面客户端。
- Pychat - 自托管的webrtc视频聊天(Slack的替代方案)。
- super.ba - 使用Vue.js、Ant Design of Vue (antdv)和NodeJS构建的RSS新闻聚合器。
- Rapido - 软件来创建网站。Rapido快速、易用且尊重用户隐私。
- miniPress - 另一个静态网站生成器。
- Zeithub - 为自由职业者跟踪个人购买的无纸化笔记和账单管理工具,使用Vue和Vuetify。
- Afterman - 使用Vue.js、Ant Design和Firebsae从Postman集合创建美丽的文档。使用Quasar Framework。
- Greenpress Admin Panel - Greenpress的管理员面板,一个完全可操作的开源工具,用于创建博客和内容网站。
- Greenpress 博客前端 - Greenpress 的全功能开源博客和内容网站的前端应用程序。
- 电影天堂 - 一个由 Vue 和 Vuetify 构建的反向响应式电影预览 Web 应用程序。
- 寻路可视化器 ThreeJS - 一个用于在 3D 中可视化寻路算法的可视化器,带有迷宫生成和第一人称视角。
- 敏捷访客 - 一个用于注册员工条目的应用程序,可以轻松生成报告、验证和存储用户,只需极少的努力。
- Pexelry - 一个利用 pexels api 的应用程序,使您能够找到美丽的照片和图片。
- karrot-前端 - 一个用于全球食品节约小组组织的网络应用程序。
- 实时问答框架 - 一个使用 NodeJS、VueJS 和 Ably 构建的可扩展的基础网络框架,提供直播问答托管。
- LogChimp - 一个开源软件,用于跟踪您的客户反馈以构建更好的产品。
- Trooveo - 搜索、收听 YouTube 视频(仅音频),无需 YouTube API。
- 游艇 - 使用 Vuetify 的 Docker 容器管理 Web UI,实现无压力地管理 Docker 容器和项目。
- Antares SQL - 一个基于 .NET Core 5.0 和 MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS 的跨平台 SQL 客户端。
- Bagisto - 一个免费的开源 Laravel E-Commerce 框架,供所有人构建和扩展业务。
- Samaya - 在 Chrome 新标签页中提供的友好个人仪表板;特色尼泊尔日历、每日尼泊尔语引言和尼泊尔壁纸。
- Mythic 表格 - 一个免费的开放源代码虚拟桌面游戏,用于玩角色扮演游戏。
- GrandNode 2.0 - 基于 .NET Core 5.0 和 MongoDB / Azure CosmosDB / Amazon DocumentDB / VueJS 的开源跨平台电子商务解决方案。
- Aimeos - 领先的 Laravel E-Commerce 框架,用于构建超快速在线商店、市场平台和可扩展的 B2B 应用程序,可伸缩性从 1 到 1,000,000,000+ 个项目。
- XIV ToDo - 为最终幻想xiv设计的仪表板、完成任务追踪器、定制的每周和每日清单以及工具。
- QuickTok - TikTok 热门趋势查看器。
- Interface X - UI 搜索&发现组件,用于快速构建美丽的搜索体验。
- Context Note - 一个免费的公开源代码笔记📝 Chrome 扩展:使用上下文记录您的网络笔记。
- Balancer - 一个运行在以太坊上的去中心化金融应用程序。
- Materio 免费 Vuetify VueJS Laravel 管理员模板 - 开源且易于使用的 Vuetify Vuejs Laravel 管理员模板,具有优雅的设计和独特的布局。
- NuxTube - 一个使用 NuxtJs 制作的 YouTube 应用程序,注重隐私保护。
- Dashy - 一个自托管的主页,具有易于使用的可视编辑器、状态检查、主题、小部件和大量其他功能。
- NuxtBlog - 使用 Firebase 实时数据库制作的博客网站。
- FAIRshare - 根据适用的 FAIR 指南分享生物医学研究数据和软件。
- vue-birthday-reminder - 这是一个使用 Vue3 的生日提醒 Web 应用程序。
- AnySniper - 在去中心化交易所上的狙击 DApp。一个经过证明的区块链狙击机器人,拥有 500 名活跃用户。
- Snippets.Ninja - 一个渐进式 Web 应用程序,用于代码片段管理。离线优先。开源。该应用程序使用 IndexedDB 进行本地存储。
- lishuuro.org - 这是一个使用 Vue3 的小型国际象棋变体应用程序,用于 UI 和 Pinia 管理应用程序中的状态。
- ZuiOJ - 使用 Vue2 的 UI 和 Java 开发的 ZuiOJ 系统。
- Insurance-system - 一个由 SpringBoot 和 Vue 开发的保险系统。
- vue-paho-mqtt - 一个易于使用的 Vue 3 Paho MQTT 客户端库,具有集中式订阅管理、类型支持和内置可选的警报通知库。
- VueFinder 文件库 - Web 文件管理器库。
- vite-vue-ultimate-starter - 一个使用 Vite 构建的开源 Vue3 模板,现成的功能包括 PWA 模式、ts、Vue Router、Tailwind CSS、DaisyUI、Playwright、vitest、github 页面工作流程等等。
- vue-daisyui-theme-manager - 一个 Vue3(带 TypeScript)插件,允许您在运行时更改 DaisyUI 主题。以及设置默认浅色和深色主题,并选择将 Web 应用程序主题与系统匹配。
- Overlay - 一个浏览器扩展,帮助开发人员在选择之前评估开源包。
- activist.org/ - 一个开源的非营利性活动平台。
- Sneat Free Vuetify VueJS Admin Template - 极简免费的 VueJS 管理员模板,用于构建响应式 Web 应用程序
- starfish-vue3-lowcode - Vue3可视化低代码表单设计器,方便快捷地完成各种表单设计!
- Al Quran App-Vue 3 - 允许您用英语阅读章节的Al Quran应用程序
- vue3-realworld-app - 🖖 使用Vue3构建RealWorld的最佳实践
- slidev - 开发者的演示幻灯片
- YesPlayMusic - 高外观的第三方网易云播放器,支持Windows / macOS / Linux :electron:
- douyin - 模仿TikTok的Vue最佳实践应用
- Go-Vue-Chat-Starter - 使用Vue.js和Go构建的简单聊天应用程序启动项目,特点包括WebSocket通信,PrimeVue/PrimeFlex用于UI。
商业产品
- Wijmo - 提供VueJS支持的UI控件集合。
- ChatWoot - 通过Facebook Messenger进行实时聊天和代理协作。
- VueA - VueJS Admin模板,支持多布局和laravel版本。
- Teleo - 轻松地在交谈、规划和执行之间移动的团队协作应用
- EducationLink - 教育代理人和学院的CRM和销售自动化工具。
- Pragmatic v2.0 - 使用Vue.js和Element构建的响应式且可配置的管理模板。
- Moonitor - 桌面端的加密货币追踪器。
- Deskree - 结合想法、任务和问题于一体的在线协作平台。
- OSHCExpress - 比较和电商OSHC(海外学生健康保险)保险(澳大利亚为国际学生提供的保险)。
- Agiloo - 适用于Scrum和Kanban的项目管理应用
- ScaffoldHub - VueJS在线Web应用生成器,支持NodeJS和MongoDB或SQL。
- Commandeer - 重新想象云管理。一个使用Vue.js和Electron构建的桌面云管理应用。
- Mongster - 将您的Mongo DB节点集成到一个控制面板内的集群。
- Leave Dates - 跟踪员工休假的一个强大的新方法。
- Time Door - 时间序列分析API
- vREST NG - 使用VueJS和Element UI构建的企业级自动化API测试应用。
- ScaleChamp - 多云管理数据库提供商,支持Hetzner、AWS、Linode、IBM、Azure、Scaleway、Alibaba Cloud、DigitalOcean、GCP和UpCloud。
- Coloban - 一个集成了聊天、看板、甘特图、通话、屏幕共享等多种功能的一站式项目管理工具。
- NxShell - 基于Electron和VueJS的易用新终端。
- Materio Vuetify VueJS Admin Template - 最强大、开发者友好、生产就绪且全面的Vuetify VueJS Admin模板。
- NocoDB - 一个开源的Airtable替代品。
- KodaDot - 基于Polkadot的NFT市场,作为公共物品资助,用Vue.js编写。
- He3 - 免费且现代的开发人员工具箱。
- RunJS - 一个实时反馈代码的JavaScript游乐场,非常适合原型设计和尝试新库。
- Sneat Vuetify VueJS Admin Template - 响应式Web应用的终极VueJS Admin模板。
应用/网站
- 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和LocalStorage API的简单美观的便签本到Markdown。
- Open Function Computers
- Dermail - 用Vue.js编写的Webmail客户端,用于Dermail,一个用node.js编写的邮件系统。
- octimine - 一个专利搜索引擎。
- Draxed - 基于Web的MySQL和PostgreSQL数据浏览器和管理面板管理器。
- Jobinja - 在伊朗运营的招聘板和职业平台。
- 滚蛋吧!莆田系 - 显示所有莆田医院信息
- Livestorm - 网络研讨会/实时活动应用。
- Holden
- Global-Exam - 语言能力测试的在线培训
- SlugSurvival - 一个帮助学生更好地规划课程的Webapp(爱好项目,与UCSC无关)。
- GitRelease - 使用Vue.js和Electron跟踪GitHub项目的最新发布在mac侧边栏上。
- 12BAY.VN - 在线航班预订应用。
- PLAYCODE.IO - 快速前端实验的游乐场。
- The Void Radio - 地下室音乐在线广播。
- Bitly Vue - 使用VueJS和Bitly API缩短URL。
- Storyblok - 基于API/解耦的CMS,使用VueJS作为其前端。
- WizzAir
- 迁移到HTTPS - 指南,帮助在不同平台/托管站点上迁移到HTTPS。
- Booknshelf - 发现不同主题的优秀书籍和书架。
- Euronews - 多语言新闻媒体服务,总部位于法国里昂。
- Roozame روزامه - 伊朗语智能新闻媒体服务。
- Koumoul
- NinjaCalc - 一套嵌入式工程相关的计算器,作为使用Vue.js的开源单页应用程序构建。
- Vue.js Feed - 最新的Vue.js新闻、教程、插件等。使用Vue.js和Laravel制作。
- 蒜瓣 - 使用Vue2.0和Douban API开发的一个Web应用程序。
- Guess Right - 一个“猜单词”游戏——使用Vue/vuex/vue-router(前端)和Laravel/MySQL(后端)编写。代码是在GitHub上开源的(尽管不是在kdcinfo上运行的游戏的实时文件)。
- GRAP - 商业通讯服务。
- Easy Mock
- mmf-blog-vue2-ssr - 使用Vue 2.0、vue-router和vuex构建的博客,具有服务器端渲染功能。
- JSON Schema Editor - 一个使用Vue.js和Firebase构建的直观的JSON模式编辑器。
- Winsome Trivia - 一个使用Vue.js和Open Trivia Database构建的单人或多人 trivia 游戏,包含超过2000个独特问题。
- Moon Organizer - 月球日历应用程序。
- Flash-Vue - “未来闪卡”将学习带到各个地方:火箭般快!
- Kinderbesteck - 一个完整的在线商店SPA,使用Vue2.0、Vuex、Vue Router。
- n2ex - 一个使用Vue ssr(nuxt)的网站,使用v2ex API。
- Power Thesaurus - 一个众包在线同义词典。
- Chattanosy - 一个社区驱动的新的东西和田纳西州查塔豪斯数据库。
- PAIXIN - 真正的图片销售网站。
- CodeBottle - 将代码片段拖放到您的项目中。
- 1XBET - 一家自2007年以来运营的博彩公司。
- MyOwnTV - 一个创建互联网电视的流媒体网站。
- CrowdCircus - 欧洲最大的众筹和群众投资聚合器。
- ابيات ناب پارسي - 一系列波斯诗歌。
- Ripplectron - Ripple(区块链硬币)桌面客户端,用于vue-electron。
- PingBreak - 一个免费的简单网站监控服务,使用vuejs实现实时仪表板。
- Todoist Tribute - Todoist克隆项目,使用Rails + Vue编写。
- JSON Editor - 一个使用Vue2和Firebase构建的具有模式意识的JSON编辑器。
- Develteam - 为独立游戏开发者提供的社交网络。
- Mixsii - 一个供青少年、成人、家庭和朋友使用的免费视频聊天室网站。
- PipQuest - 一个使用Vue构建的复古风格益智游戏。
- Matryx - 一个去中心化的协作平台。
- iPrevYou - YouTube™ 播放器 - 一个用于在桌面上观看YouTube视频的Chrome应用程序。
- Item Manager - 一个用于为Destiny 2游戏传输物品的应用程序。
- Frontend Masters Vue入门 - Frontend Masters 全天课程。
- TR-101 - 一个鼓合成器/序列器。
- Bazaar - 媒体共享平台。
- Vectr - 一款免费的向量图形软件。
- brain bits - 一个用于Emotiv头戴设备的P300在线拼写机制。
- Coin Dashboard - 完全客户端加密货币资产仪表板。
- Habitica - 以角色扮演游戏形式出现的在线任务管理应用程序。
- MadeWithVueJs - Vue.js制作的项目的画廊(同时也是该网站本身)。
- CodeDependencyScanner - 一个C#桌面应用程序,显示用Vue、Neutronium和D3.js构建的.Net汇编代码依赖项。
- Thousand Ether Homepage - 作为以太坊DApp重新想象的百万美元主页。基于Vue.js并开源开发。
- Let's Enchance - 使用神经网络免费在线图像放大和增强。
- Pi.TEAM - 在线发票和会计 - 简单易用的在线会计和发票工具,免费供个人用户和自由职业者使用。
- Vuethwallet - 一个简单的应用程序,使用Vue.js生成以太坊钱包。
- Tipe - 下一代API优先的CMS。使用强大的编辑工具创建内容,并通过GraphQL或REST API从任何地方访问它。不要让你的CMS决定如何构建你的应用程序。
- Vuethexplore - 一个简单的应用程序,使用Vue.js探索以太坊区块链。
- 金融科技家 - 专注于金融科技的职位招聘板块。
- Devjournal - 项目和想法的协作待办事项列表。
- Bubbleflat - 在线平台,帮助学生和年轻专业人士通过搜索生活方式、兴趣或学校相似的人找到理想的室友。使用Laravel和Vue.js开发。
- blip - 测试网站的速度、移动友好性、安全性以及HTML5文档类型。查找附近的业务并批量测试他们的网站,或者只需测试您自己的URL。
- sunpos - 太阳位置、海拔、方位角、赤道/黄道坐标以及日出/日落时间(儒略日)计算和转换工具。网站使用纯JavaScript、Vue.js和i18n Vue.js本地化插件开发。可视化使用D3.js创建。
- U3xyz - 基于Vue SSR的个人博客。
- 27.ua - 乌克兰的在线超市。
- Chess Guardian - 回答有关您自己游戏中的棋盘位置问题。
- Blackjack Break - 快速玩百家乐。
- GameVix - 无需麻烦地交换您的二手游戏光盘。PWA,带Material Design。
- VivifyScrum - 为交付团队定制的敏捷项目管理应用程序。可自定义的Scrum和看板面板。
- 9GAG - 受欢迎的在线平台和社交媒体网站。
- Kitchen Stories - 烹饪平台。
- MailRabbit - 创建、A/B测试和监控交易电子邮件,无需开发者。
- Vue 资源精选 - Vue组件列表、类别、内联演示和简要说明。
- Cronhub - 不痛苦的Cron监控工具。
- wrkprty - 为自由职业者、远程工作者和想要离开办公室的专业人士组织的临时共享办公活动。
- V·oogle - Google.com的重制版,reVued。一个笑话项目。:)
- Broker Notes - '学习成为一名房地产经纪人' :house:
- SyncLounge - SyncLounge是一个同步多个位置多个设备上Plex内容的工具。
- HCE.it - 一家意大利机构的网站,完全使用Vue和基于Laravel的无头CMS开发。
- Pages - 网站设计灵感。
- Scrumpy - 一个美丽的敏捷团队项目管理工具。
- Spektrum - Spektrum媒体机构的网站。
- SPK - SPK生态系统的网站。
- IDDEF ☪️ 人类价值联合会协会的联盟。网页、CMS、CRM和所有电子商务页面都是用Vue.js、Vuex和纯JavaScript设计的 🙏
- Roast - 一个旨在帮助咖啡爱好者在了解Laravel + Vue.js的同时找到下一杯咖啡的应用程序。
- YBR - 集中的YBS公共电子投诉管理系统。(完整SPA)
- Regex Fiddler
- Myanpwel - 事件票务平台的网站。
- CryptoArte - 一个以太坊艺术品收藏、非同质化代币和Dapp。
- NAGA VIRTUAL - NAGA VIRTUAL是第一个独立的虚拟商品市场。
- Scroll.in - Scroll.in是一个独立的新闻、信息和娱乐企业。
- Akunyi - 慈善网站。
- What Would Mark Ruffalo Do? - 基于Mark Ruffalo在数百次试镜失败后才取得成功的故事的励志网站。
- Brandy - 为您的菜单栏提供品牌资产经理。
- NBC Sports -NBC体育是一家体育新闻网站。
- WITHIN - 虚拟现实中的非凡故事。
- plottr.io - 规划您的跑步和骑行路线
- beCamp - 在弗吉尼亚州查特豪斯举行的社区组织技术会议。网站代码是开源的。
- Trustpilot - 一个免费且对所有人开放的评价平台。
- Lagom - 简单、直观且完全响应式的WHMCS主题
- ScoutMyTrip - Roadtrip Planner - 为印度开发的道路旅行规划应用程序,帮助旅行者构建行程,发现兴趣点,沿途发现酒店、加油站、餐馆等。
- GamersClub - 巴西最大的电子竞技社区发展公司。
- MIT - 马萨诸塞理工学院官方网站。
- Elvenar - 基于浏览器的幻想城市建造游戏。
- Beacon - :blue_heart: 一个允许您跨多个网站分享内容的服务。
- Artfinder - 一个买卖艺术画作的网站。
- Rolodromo - 一个专注于桌面角色扮演游戏的西班牙网站。
- GitHubExplorer - 使用
Vuejs
和GitHub GraphQL API v4
的纯静态页面Web应用,用于探索GitHub。 - Keynote - 使用Vue进行演示。
- HappyPlants - 一个渐进式网络应用程序,用于组织您的植物🌱。
- Pocket Lists - 全球最友好的待办事项列表应用程序。
- Padlet - 协作公告板
- Glovo - 按需配送
- MySigMail - MySigMail是一个免费的浏览器内置电子邮件签名生成器,无需创建账户
- Wordguru - 一款简单的口试游戏,你分成几个小组,尝试猜尽可能多的关键词。
- ApiFlash - 基于AWS Lambda的Chrome截图API,专为开发者打造。
- Kitty Ipsum - 用不同语言生成的"meow"风格的Lorem Ipsum。
- Git Superstar - 计算你的Git星标和顶级仓库。
- DECS - 分散式的一体化工作区,用于管理代码片段和保护敏感数据。
- Asciiur - 网络上的ASCII艺术收藏。
- Tapestri Designer - 免费工具,用于设计PCR引物,用于基因组测序实验(NGS)。
- Remote-Access-SSH - 基于Node.js的Web远程主机访问。
- Map Marker Generator - 一个免费的在线工具,可以实时生成自定义地图图标。
- Monocle Reader - 在一个地方关注所有内容,包括Feed、Twitter、YouTube、博客等。
- 前站导航 - 前端社区、文档收录。
- Geenes - 将UI的颜色调色板生成并应用,然后导出到sketch或code。
- Blurrish - 为Mac/Windows加密的晨间页面日记,使用Vue和Electron构建。
- ExifShot - 摄影的美丽之处以及如何操作。
- Studolog - 学生在线文件共享平台,包括测试和评论。目前仅限捷克语🇨🇿。
- sum.cumo - 数字商业模式(以Vue作为技术堆栈的核心)。
- Gamebrary - 开源工具,用于组织视频游戏收藏。
- Premium Poker Tools - 钓鱼玩家用来研究的工具。
- QMK Configurator - 从浏览器配置、构建和下载自定义的QMK固件。
- Worksome - 为合格的专业人士和自由职业者以及寻找他们的公司提供的市场/平台。
- 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和Vue.js的电子商务网站。
- Fanmio - 通过个人视频体验在Fanmio上与您喜爱的名人见面。
- OneConcern 源代码
- AtomicWallet - 多资产加密货币钱包。桌面端和移动端应用均使用Vue构建。
- Helpninja - 简单快速的帮助台。
- Todo DEV - 一个为使用Vuejs、Vuetify和强大的Firebase构建“类”Web应用的开发者制作的简单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音乐播放器 - 一个移动优先的手写响应式Web应用程序,为音乐爱好者而作,使用Vue和Vuetify编写。
- ChatterBoxes - 用于快速秘密聊天会话。
- goonlinetools.com - 一个完全免费的在线工具网站。
- CMD Generators 命令行生成器 - 点击按钮即可生成CMD,例如tar、ssh。命令行参数不熟悉?轻松生成!
- Portfolio Site - Olaolu Olawuyi,前端开发人员和UX工程师的个人作品集网站。
- 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 调查结果 - 美国国家卫生研究院 (NIH) 对联邦观点调查 (FEVS) 调查结果的可视化数据。
- U Can Stock - 一个韩国人的美国股票市场信息平台。它使用 Vue、Vuex、Vuetify、Nuxt 和 Firebase 构建。
- Nipashe - 一个用 Vue + Vuex(状态管理)+ Vue-Router(导航)构建的 Web 应用程序,根据世界当前的 COVID-19 感染情况提供统计/数据。
- DevSnap.me - 一个帮助 Web 开发人员找到大量免费且开源的 HTML、CSS 和 JavaScript 资产的网站。
- Pexies - 基于 Pexels API 构建的个人照片画廊。您可以查看策划/随机化的图片,并将其添加到收藏夹中。
- Wammes Gifts - 帮助您找到完美的礼物。
- Back Home/回家 - 一个航班搜索引擎,用于查找在 COVID-19 大流行期间仍然飞往中国大陆及中国至海外航线的航班。
- Deadlines - 一个离线、简单的截止日期跟踪器,使用 Vue.js 和 localForage 构建。
- Scraperbox - 一个不可检测的网络抓取 API。使用 Laravel 和 Vue 构建。
- Darwin Analytics - 一个测量和优化您的网站的工具。使用 Vue3 和 Vite 构建。
- Pinterest 视频下载器 - 一个用于下载 Pinterest 视频的 HD 工具。
- Scrumfast - 极其直观的项目管理 Scrum 工具。
- CryptoTracks - 在以太坊区块链上释放和发现音乐创意。
- CodeSnippet - 一个面向教师和学生的协作代码编辑器。
- Gradientos - Gradientos 让轻松找到渐变变得容易。
- httptools.dev - 为 Web 开发人员收集了许多在线检查和工具,如 JSON 格式化器、重定向检查器或 URL 编码器。使用 Vue3 和 vue-router,后端 API 使用 Laravel 构建。
- Cuping Font - 用 Vue.js 制作的酷炫字体生成器
- Slack Vuesualizer - 显示并搜索您的 Slack 归档。
- findcharitables.org - 列出需要捐款的组织的网站
- FontBolt - 发现和生成您喜欢的流行文化字体
- Portfolio Site - 蒙纳耶·伊斯兰,全栈 Web 应用程序开发者的作品集网站。用爱和 Vue 3 构建。
交互体验
- YouTube AdBlitz 2016
- Omnisense Experience
- Louis Ansa 网站(作品集)
- Djeco.com
- Tolks.io
- NOIZE original
- TR-101 合成鼓机
- Bootstrap 4 编辑器
- Subtletab - 浏览器扩展
- web-riimote - 将您的智能手机变成一个 3D 控制器(源代码)
- CSS ColorVars - 交互式工具代码生成(源代码)
- Nightlight During Conflict - 探索冲突国家夜光输出 GIS 数据。
- User Friendly Justice Data - 探索摩洛哥的正义数据。
- Thing - 用 Vue 制作的呼吸练习和冥想 Web 应用程序。
- Vue Play - 在一个互动/可视拖放设计器中创建 Vue 组件和应用。
- Yahya J. Aifit 的作品集网站 - 受桌面操作系统外观启发的作品集网站。
企业使用
- 阿里巴巴
- 百度
- 新浪微博
- 小米
- 饿了么
- Optimizely
- Expedia
- UCWeb
- Line
- Nintendo
- Celtra
- 塞恩斯伯里
- AREX
- DJI
- Octimine GmbH
- Hunliji
- GitLab
- Clemenger BBDO 墨尔本
- ZenMate
- Codeship
- Storyblok
- Monito - 为国际货币转账搭建 Booking.com
- Hypefactors - 为数据驱动的公关专业人士提供的软件
- Adobe
- IBM
- 科特盒
- Aromajoin - 基于硬件、软件和材料技术的和谐打造最精致的数字香氛产品。
- 家乐福
- 加拿大斯普林菲尔德
- Blibli
- 曼陀罗
- Upwork - 自由职业者和雇主的劳动力市场
A11y
- Vue A11y项目 - Vue.js社区项目,旨在提高网络无障碍性。
- vue-skip-to - 它帮助仅使用键盘的人跳转到最重要的事项。
- vue-axe - Vue.js应用程序的辅助功能审计。
- vue-announcer - Vue中简单地向屏幕阅读器宣布任何有用信息的方法。
- eslint-plugin-vue-a11y - 静态AST检查器,用于.vue中的可访问性规则。
- vue-focus-lock - 它是一个陷阱!一个锁定的焦点。A11y工具,用于限制焦点范围。
- vue-a11y-calendar - 可访问的国际化的Vue日历。
- eslint-plugin-vuejs-accessibility - Vue.js可访问性eslint-plugin,由@vue-a11y管理。
组件与库
框架
响应式
一套组件+响应式布局系统
- quasar框架 - 使用Vue.js 2构建响应式网站、混合移动应用和Electron应用。
- vue-material - Vue.js的Material设计。
- vuetify - Vue.js 2的Material组件框架。
- muse-ui - Vue.js 2的Material组件库。
- buefy - 基于Bulma框架的组件。
- element-ui - Vue.js 2.0的Web UI工具包。
- vue-bulma-components - 在Vue组件中使用bulma类语法。
- iview-ui - Vue.js 2.0的Web UI框架。
- AT-UI - Vue.js 2.0专为桌面应用程序设计的新鲜扁平UI-Kit。
- v-semantic - Vue的semantic-ui实现。
- BootstrapVue - Vue.js的Bootstrap v4组件和网格系统。
- fish-ui - Vue.js 2.0的Web UI工具包。
- zircle-ui - 前端库,用于开发可缩放的用户界面。
- Material Components Vue - Vue.js的material-components-web包装器。
- VueFace - Vue.js 2.0的Web UI组件库。
- vuecidity - Vue.js 2.0的UI组件框架。
- ant-design-vue - 基于Ant Design和Vue 3.2.0的企业级UI组件。
- heyui - Vue.js 2.0的Web UI工具包。
- Carvue.js - IBM为Vue.js提供的Carbon设计系统。
- 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基础组件的组件。
- Framevuerk - 🚀 快速、响应式、无依赖项、双向支持和可配置的UI框架,基于Vue.js。
- @Carbon/vue - 来自@carbon团队的Carbon设计系统组件。
- Inkline - Inkline是直观的UI组件库,为您构建Vue.js 3设计系统提供开发者友好的基础。
- vue-awesome-mui - Vue.js 2.0的Web MUI组件。
- MDBootstrap - 基于最新的Bootstrap 4和Vue 2.6.10的高效UI工具包,提供一系列流畅、响应式的页面模板、布局、组件和微件,快速构建响应式、移动优先的网站和应用。
- vue-material-adapter - 为Vue.js集成Material Components,遵循Google推荐的最佳实践:使用Foundation和Adapters。
- PrimeVue - Vue.js最完整的UI组件库。
- CoreUI for Vue.js - CoreUI for Vue.js是一个提供了一系列跨浏览器、响应式和轻量级Vue.js UI组件的UI组件库。
- DaoStyle - 基于Vue.js构建的高质量组件库。
- Chakra UI Vue - ⚡ 轻量级且可自定义的组件库,帮助您以速度构建可访问的Vue应用程序和网站。
- vue-canvas - Vue canvas组件,用于vuc-identify。
- oruga - 无需CSS框架依赖的Vue.js UI组件。
- Wave UI - Vue.js的新兴UI框架,仅包含亮点。☀️
- vectre - 基于Spectre CSS的轻量级、简单且响应式组件框架。
- element3 - 基于element-ui的Vue.js 3.0 UI工具包
- superBVue - 基于bootstrap v5的Vue 3 UI组件库
- Qui - Vue 2.x设计系统
- Mijin - 响应式Tailwind CSS UI组件,无依赖
- vuestic-ui - Vue.js 3.0可定制UI框架
- Qui-max - Vue 3.x设计系统
- Naive UI - Vue 3组件库,美观且可定制主题,使用TypeScript,性能不错
- Element Plus - Vue 3 UI框架
- AgnosticUI - 支持React、Svelte和Angular的Vue 3组件原语
- Unge UI - Vue 3.x组件库,支持中文和英文文档
- Vexip UI - Vue 3 UI库,高度可定制属性值,全TypeScript,性能应该不错
- Anu - 快速构建更好的界面。DX聚焦的工具库Vue组件
- Vue USWDS - 基于Vue.js实现的USWDS(美国Web设计系统)
- Vuetensils - 用于构建无障碍、轻量级、定制应用的'naked'组件库
- Vuersatile Components - Vue 3组件库,集成表单自验证和SCSS框架
- Prefect Design - 使用Vue 3、TypeScript和Tailwind的组件库
- Stellar UI - Vue 3的全功能自定义组件
- Shadcn UI - 非官方的社区主导Vue端口,基于shadcn/ui构建的可重用组件(使用Radix Vue和Tailwind CSS)
移动端
移动端UI框架
- Framework7-Vue - 使用Framework7和Vue构建功能丰富的iOS和Android应用
- vux - [中文]基于WeUI的Vue UI组件
- vue-onsenui - 使用HTML5和JavaScript创建美丽的跨平台移动应用。基于Web组件,并为Angular 1、2、React和Vue.js提供绑定。
- Weex - Weex提供了发布跨平台的能力,因此Web、Android和iOS应用可以使用相同的API开发功能。
- weex-eros - [中文]Eros是一个基于Weex和Vue的应用解决方案,它使您能够使用Vue的API,快速轻松地开发中小型应用。
- Ionic - 移动应用开发框架
- Native script - 使用NativeScript构建原生移动应用
- Vue Native - 使用JavaScript构建跨平台的原生移动应用
- uni-app - 使用Vue.js的跨平台框架
移动端组件集合
- mint-ui - Vue.js的移动UI元素
- vant - 基于Vue.js 2.0的轻量级移动UI库
- cube-ui - Vue.js 2实现的高级移动UI组件库
- mand-mobile - 基于Vue.js 2的移动UI工具包,专为金融场景设计
- NutUI - Vue.js 2.0移动UI工具包
没有布局系统的组件集合
- vue-mdc - Vue.js的Material Components Web
- keen-ui - 轻量级材料组件库,使用Vue编写,受Material Design启发
- vue-admin - Vue Admin Panel Framework,由Vue 2.0和Bulma 0.3支持
- vuikit - Vue的UI库,具有所有Vue的功能
- uiv - Vue 2实现的Bootstrap 3组件
- wffranco/vue-strap - 使用Vue.js 2构建的Bootstrap 3组件
- jsmod-vue-pc - Vue 2.0的高度可扩展的网络组件
- guilhermewaess/SemVue - 使用Vue 2实现的Semantic UI模块
- office-ui-fabric-vue - Vue.js的Office UI Fabric实现
- Semantic UI Vue - Vue的Semantic UI集成
- vuesax - Vue.js的前端组件库
- Essential JS 2 for Vue - Vue.js的完整功能45+组件,包括数据网格、图表、调度器和图表组件等
- Banshee - Vue的无状态UI组件和实用框架,附带无CSS
- vue-atlas - Vue组件库
- DevExtreme Vue Components - Vue.js的65+响应式和功能完整的组件,具有可定制的材料设计和符合Bootstrap主题。
设置移动端组件的集合
- mint-ui - Vue.js的移动UI元素
- vant - Vue.js 2.0的轻量级移动UI库
- cube-ui - Vue.js 2实现的高级移动UI组件库
- mand-mobile - 基于Vue.js 2的移动UI工具包,专为金融场景设计
- NutUI - Vue.js 2.0移动UI工具包
- vue-uix - Vue.js网页实现UI集合
- vuedarkmode - Vue.js的极简暗设计系统
- Kendo UI for Vue - 超过70个UI组件,包括一个适用于业务应用的网格,完全响应式,并支持包括Material Design和Bootstrap在内的多种设计语言。
- Vuent - 实现微软Fluent Design的Vue.js组件
- bpit/vue - 聚焦效果的Vue组件库
- vue-tailwind - Vue组件,可定制类,适合TailwindCSS,但兼容任何框架。
- Equal UI - 基于TypeScript的Vue UI套件🧬
- slim-ui - 基于Vue.js的极简UI组件
- Vue Component Development Kit - 无样式、高度测试、灵活的Vue组件/混入/插件。
- element-pro-components - Vue 3基础上的组件库,基于element-plus
- TW Elements for Vue - Vue与Tailwind CSS的集成 - 一个免费的、开源的UI套件
管理员模板
管理模板集
- iView Vue Admin - iView Vue Admin / 基于iView 2.x的管理后台模板在线演示
- element Vue Admin - element Vue Admin / 基于Element UI 2.x的管理后台模板
- vue-element-admin - 基于Element UI 2.x的神奇Vue管理员在线演示
- D2 Admin - 由Vue构建的优雅后台模板在线演示
- rest-admin - 基于Vue和Bootstrap 4的RESTful管理面板在线演示
- Shards Dashboard Lite Vue - ✨ 现代管理模板,特点数十个自定义组件和模板。在线演示
- Vue Material Admin - Vue材料设计管理模板在线演示
- element-admin - 基于Vue CLI 3和element-ui的简单而强大的Vue管理员在线演示
- dashboard - 基于Vue.js创建的管理面板框架,由vuejs/vue-cli 4.x创建。在线演示
- vue-admin-next - 专业企业应用,多模块设计,Vue Composition API和友好的用户界面。在线演示
- vue-pro-sidebar : 响应式模板起点,包含生态系统配置(vue-router, vuex),此样板允许您选择您喜欢的颜色。实时演示
- Stellar Admin Boilerplate 使用Bootstrap-Vue创建的样板管理模板。实时演示
- vuestic-admin - 使用Vue 3和
vuestic-ui
构建的Vue管理员仪表板。 - Materio-vuetify-vuejs-admin-template-free - 一个生产就绪、精心打造、最全面的Vuetify Vuejs管理员模板。实时演示
- Tailmin - 使用Vue.js和Tailwind CSS构建的管理仪表板。实时演示
- Vue-Admin-Template - 一个美丽的免费Vuejs管理员模板,使用vuetify和apexcharts设计。实时演示
- Admin One Vue 3 Tailwind仪表盘 - Vue.js 3 Tailwind CSS管理员模板,带黑暗模式。
- Mosaic - Vue Admin TailwindCSS模板 - 全面的Tailwind CSS管理员仪表盘模板。
- vue-admin-box - 基于vue3和element-plus的管理员模板。实时演示
- argon-dashboard-vue3 - 模板,Element Plus和TailwindCSS 3,Vue3。
- Vitify Admin - Vite 3 + Vuetify 2 + TypeScript,Vue 2.7
- Dolphin Admin - 基于Vue 3 + Vite + Naive UI + TypeScript + TailwindCSS的开源、免费、轻量级、即用型管理模板。实时演示
- vue-vben-admin - 一个现代Vue管理员。它基于Vue3、vite和TypeScript。它很快! 实时演示
- Geeker-Admin - 一套基于Vue3 + TypeScript + Element Plus的开源后端管理框架。实时演示
- gin-vue-admin - 🚀Vite+Vue3+Gin开发基本平台。实时演示
服务器端渲染
- Nuxt.js - 多功能的 Vue.js 框架。
- Ream - 一个用于构建服务器渲染和静态网站的最简框架。
- Universal vue - Vue CLI 插件,轻松创建通用 Vue 应用程序。
- Factor Platform - 基于 VueJS 的平台,扩展驱动(Factor.dev → 文档)。
- Vapper - 基于 Vue 的服务器端渲染框架。
静态网站生成器
- VuePress - 最简的 Vue.js 静态网站生成器。
- Peco - 一个为人类设计的静态网站生成器。已停用
- Saber - 使用 Vue.js 构建快速网站的静态网站生成器。
- Gridsome - 使用 Vue.js 构建超快现代网站的网格系统。
- Servue - 将 Vue 文件渲染成 HTML 字符串的服务器端渲染引擎。
- îles - 互动岛屿,快乐的网站生成器。
- VitePress - 基于 Vite 和 Vue 的静态网站生成器。
其他
- app-framework - 带有 HTML 和 JavaScript 的 iOS 和 Android 应用程序 - 开发、构建和部署 - 免费且开源。
- Myfirebase - 一个与 Google Firebase 高度兼容的解耦单页面应用程序框架。
- Vue-Access-Control - 基于 Vue.js 2 的前端访问控制框架。
- Basys - 用于构建全栈 Vue.js 应用的工具箱。
- CabloyJS - 基于 KoaJS、EggJS、VueJS 和 Framework7 的终极 NodeJS 全栈商业开发平台。
- vue-service-model - Vue.js 库,用于处理具有缓存、聚合和模型定义的 REST 服务请求。
- DataFormsJS - 一个最小化的路由和网络服务框架,使用 Vue 作为模板引擎。
- V-Craft - 一个用于构建可扩展页面构建器的 Vue.js 工具集。
- Vue-Low-Code - 一个低代码工具包,可以从 Quant-UX 原型生成 Vue 应用程序。
- Figma-Low-Code - 将您的 Figma 设计转换为 Vue 应用程序。
- vue-notion - 一个非官方的 Notion 渲染器 – 使用 Notion 作为 Vue (例如 Nuxt) 的 CMS。
- Fes.js - 基于 vue3 的易用前端应用程序框架。
- petite-vue - 优化了渐进增强的 Vue 的 6kb 子集。
UI 布局
整体/主视图的布局
- vue-waterfall - Vue.js 的瀑布布局组件。
- vueisotope - Vue 组件,用于 isotope 过滤和排序神奇的布局。
- vue-grid-layout - Vue.js 的可拖动和可调整大小的网格布局。
- vue-drag-zone - Vue.js(2.x) 的拖拽区组件。
- vue-masonry - Vue.js 指令,用于 masonry 块布局。
- vue-fraction-grid - Vue.js 的基于 flexbox 的响应式分数网格系统。
- vue-virtual-scroll-list - Vue.js (2.x) 组件,通过虚拟滚动列表支持大数据。
- vue-virtual-scroller - Vue.js (2.x) 组件,高效地滚动大量元素。
- vue-virtual-scroll - Vue.js (2.x) 组件,虚拟滚动事物。
- vue-inview - Vue.js (2.x) 的可视区域,在 DOM 元素进入或离开时获取通知。
- dnd-grid - Vue.js 的带有可拖动和可调整大小的盒子的网格。
- vue-extend-layout - 扩展默认布局或为您的 Vue.js SPA 页面创建自定义布局。
- vue-masonry-css - 由 CSS 提供动力的 Vue.js Masonry 布局组件,无依赖项。
- vue-fullpage.js - Vue.js 的官方 fullPage.js 组件。
- vue-virtual-collection - Vue.js 组件,用于高效渲染大型集合数据。
- autoresponsive-vue - Vue 的自动响应网格布局库。
- VueFlex - 一个 flexbox 网格系统。
- v-chacheli - Vue.js 组件,用于创建和显示自定义仪表板般的网格布局。
- vue-grid-styled - 一套轻量级功能网格组件,从 React 的 grid-styled 穿透而来。
- simple-grid - Vue.js 组件,用于网格布局,支持 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 - Vue.js组件,可在可调整的分割排列中渲染两个插槽(垂直或水平)。
- splitpanes - Vue JS可靠、简单且触摸友好的面板分割器/调整器。
- vue-mock-layout - 轻松模拟Vue应用程序的布局。
- vue-simple-drawer - 小巧的带弹跳动画的抽屉面板,支持嵌套和主题定制。方向:左/右/上/下
- vue-grd - Vue.js的简单、轻量级和灵活的网格布局组件。
- vue-masonry-component - Vue.js组件,封装了masonry布局库。
- 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.js纯响应式masonry布局,无需直接操作DOM,友好于SSR和懒加载。
- vue-horizontal-list - Vue.js纯响应式水平列表布局,支持SSR,移动端和触摸友好。
- vue-layout-system - Vue组件,解决日常布局问题。
- simple-vue-grid - 简单的网格容器,帮助您为应用程序构建布局。
- iron-grid-system - Vue 3.x的响应式网格系统。
- vue-re-resizable - Vue 3.x插件,允许调整组件大小。重写了re-resizable。
- vue-console-feed - Vue.js插件,允许您在Vue中显示类似Chrome Devtools的
console
。 - vue-typed-virtual-list - Vue 3.x的小型、高效、TypeScript友好的虚拟滚动器,用于渲染大量数据。
- fit-screen - 基于缩放大屏幕自适应解决方案的Vue组件。
- vue-virtual-waterfall - Vue 3.x的虚拟瀑布组件。
- vue-stack-grid - Vue 3.x组件,旨在使创建动态、响应式网格布局变得轻松高效。
UI组件
表格
表格/数据网格
- vuetable-2 - 数据表简化。
- vue-tables-2 - Vue.js 2网格组件。
- vue-datasource - Vue.js服务器端组件,用于创建动态表格。
- ag-grid-vue - Vue适配器,用于ag-Grid。
- vue-data-tables - Vue2.0 DataTables,基于element-ui。
- vue-floatThead - Vue 2.0组件,用于floatThead,一个浮动的&粘性的表格头插件。
- vuetiful-datatable - 带排序、过滤、分页、分组和聚合功能的表格组件。
- vue-materialize-datatable - VueJS的datatable组件,用于Materialize CSS
- 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 - Vue.js的Handsontable电子表格组件的包装器
- 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。(详细信息在这里)
- vue-crud-x - 使用Vuetify布局的可扩展crud组件,除了常规的页面、排序、过滤之外,它还能够进行嵌套的crud、自定义表单、过滤器和操作。
- Vue Datatable - VueJS驱动的Datatable,具有Laravel服务器端加载和JSON模板设置。
- v2-table - 基于 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 - 高性能插件式 Vue 数据网格,适用于 Bootstrap。
- vue-ads-table-tree - Vue 表格组件,支持过滤、排序和分页。行可以有子行,因此可以构建树结构。它还支持异步调用从后端加载行。它使用
tailwindcss
进行开发。 - @marketconnect/vue-pivot-table - Vue 组件,用于数据透视表。
- vue-teible - 轻量级灵活的网页表格组件:zap:
- vue-jqxgrid - Vue 数据网格,具有过滤、排序、编辑、分组、数据导出等功能。
- vue-jqxpivotgrid - Vue 数据透视网格,具有透视设计器、穿透单元格、透视函数。
- toast-ui.vue-grid - Toast UI Grid 的 Vue 封装。
- 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 的表格和分页组件结合起来。基于 Vue 2.x。以下是一些使用 iView-table-page 的示例。
通知
Toaster / snackbar — 以无模式临时弹出窗口的形式通知用户
- vue-notifications - Vue.js 不依存的非阻塞通知库。
- vue-easy-toast - Vue/vue2 的 toast 插件。
- vue-toasted - 响应式、触摸兼容的Vue.js Toast插件。
- vue-notifikation - Vue.js通知插件。
- vue-notification - 使用
Velocity
进行动画的Vue.js 2+通知插件。 - vs-notify - 轻量级但强大的通知组件,无需依赖。
- vue2-notify - Vue.js 2+通知插件。
- vue-notifyjs - 极简、3kb主题化的通知插件
- vueup - 简单、轻量级且优雅的全局通知弹窗Vue.js
- vuex-flash - VueJS 2.x内置Vuex 2.x的通知消息组件。
- vue-snotify - Vue.js 2通知中心。
- vue-notify-me - Vue.js堆栈通知Alert。
- vue-noty - Vue.js 2封装Noty的通知库。
- vue-notice - Vue.js 2封装Noty.js的库,支持原生API。
- vue-flash-message - 简单灵活的通知插件。
- @voerro/vue-notifications - 支持HTML和样式的简单Vue.js 2通知插件。
- vue-awesome-notifications - 轻量级的Vue.js通知库,支持高级异步支持。
- vue-izitoast - Vue.js 2的IziToast封装。
- vue-toastr-2 - Vue.js轻量级toast通知构建于toastr之上。
- vue-snack - Vue.js基于Google Material的Snackbars插件。
- vue-m-message - Vue的消息插件。
- vue-notification-bell - Vue UI组件,用于显示通知。
- v-tostini - Vue.js 2.x的简单纯toast通知机制,不包含CSS。
- vue-toast-notification - Vue.js另一个toast通知插件。
- VueToastify - 无负担的通知组件。
- vue-toastification - 轻量级、易用、美观的Vue toast通知。
- @smartweb/vue-flash-message - 为用户提供单个或多个闪屏消息的组件。
- vue-notification - 清晰简洁带有Material Design风格的Vue通知系统,支持队列:new:
- Breadstick - 🚀 为自定义Vue通知提供简单灵活的定位、堆叠和消除API。
- vuetify-toast-snackbar - Vue.JS toast服务,支持队列,使用Vuetify的'Snackbar'组件。
- vue-toaster - Vue.js toast通知插件,适用于Vue 3。
- vue-notification-ui - Vue.js的简单推送通知UI。
- vue-my-toasts - 提供您的组件,让我们处理其余部分。
- @kyvg/vue3-notification - Vue 3通知库。
- vue-global-alert-utility - Vue.js全局警告实用程序,用更好的用户体验替换标准的JavaScript
alert
函数,同时保持尽可能简单。 - notivue - Vue 3和Nuxt 3的全功能通知系统。
加载器
加载器/旋转器/进度条——让用户知道有东西正在加载。
- vue-radial-progress - Vue.js的径向进度条组件。
- vue-simple-spinner - Vue.js的简单灵活的旋转器。
- vue-wait - Vue/Vuex和Nuxt应用程序的复杂加载管理器。
- vue-progress-path - 可自定义的进度指示器和旋转器,支持任何自定义SVG路径。
- vue-blockui - Vue 2的BlockUI,类似于jquery blockUI,可用于加载屏幕。
- epic-spinners - 易于使用的css旋转器集合,集成Vue.js。
- svg-progress-bar - Vue.js的简单进度条。
- vue-loading-overlay - 简单的全屏加载指示器。
- vue-loaders - Vue.js的loaders.css包装器。
- vue-promise-btn - Vue.js的简单而强大的异步按钮(或其他标签)锁定工具,内置华丽旋转器。
- vue-spinkit - 🌈 Vue.js的CSS动画加载指示器集合。
- vue2-form-loading - VueJS指令,可用于表单,以在加载下一页时禁用提交按钮。
- vue-element-loading - ⏳ Vue.js内部的容器或全屏加载。
- tb-skeleton - Vue.js的骨架屏幕加载器。
- vue-spinners - 💫 Vue.js 的加载动画组件集合
- vue-progress-bar - 基于 Vue 的级联进度条插件
- vue-loading-button - 简单的带滑动加载指示器的按钮
- vue-loading - 页面请求 API 时锁定页面
- vue-preloaders - 轻松快速地附加任何元素上的预加载器
- vue-ellipse-progress - 创建美观的动画圆形进度条和加载器的灵活 Vue.js 组件
- vuesence-cloud-sync-button - 既美观又实用的动画按钮,也作为云同步进度条使用
- vue-ui-preloader - Vue.js 项目的预加载器组件,附带演示。
- vue-splash - Vue.js 的简单而酷炫的闪屏插件💦
- vue-ultimate-skeleton-cards - Vue.js 的终极可定制骨架卡组件🚀
- vue-wait-for - Vue.js 3 的动态方法加载器管理器
- vue-content-loader - 创建占位符加载的 SVG 组件,类似于 Facebook 卡片加载效果
- vue3-circle-progress - Vue.js 3 的高度可定制圆形进度条组件。
- uspin - Vue3 组件,可在加载时添加旋转遮罩。🔄
- vue-img-lazy-tiny - Vue3 指令,提供加载时的保护盾。
- vue3-ui-preloader - Vue.js 3 的预加载器组件,附带演示。
- vue-default-page - Vue 3.0 插件,内置 v-loading、v-skeleton、v-error 和 v-empty 自定义指令。
进度条
页面顶部的细长进度条
- vue-progressbar - Vue 轻量级进度条
- vue2-loading-bar - Vue 2 简单的类 YouTube 的加载条组件
- vue-top-progress - Vue.js 又一个顶部进度加载条组件
- vue-nprogress - 进度条基于 nprogress 的 Vue 版本
- vue-progress-button - Vue.js 2.x 动画按钮组件
- vue-simple-progress - Vue.js 的简单灵活进度条
- vue-component-loading - 在每个组件内管理加载状态,并通过进度条显示全局加载状态
- vue-scroll-progress - Vue.js 简单页面滚动进度条插件
- vue-read-progress - 页面顶部的自定义进度条,显示滚动进度
- easy-circular-progress - 易用的带计数效果的圆形进度组件
- vue-twitter-counter - Vue.js 的 Twitter 模式的计数组件
- vue-ins-progress-bar - Vue.js 组件,采用 ins 风格的进度条
- vue-next-progressbar - Vue 3 的细长进度条(压缩后 1KB)
- vue3-progress - Vue 3 的完全可定制插件,用于在等待时显示进度条,例如 HTTP 请求
- css-3d-progress - 使用 Web Components 编写的 3D 进度条组件,支持 Vue、React 和 Svelte。
工具提示
工具提示 / 弹出框
- v-tooltip - Vue 2.x 的易用工具提示
- vue-popper-component - Vue.js 的 Popper.js 指令
- vue-directive-tooltip - 简单灵活的工具提示指令(基于 Popper.js)
- vue-popperjs - VueJS 2.x 的弹出框组件
- vue-popper-lite - 基于 popper.js 树摇 的 Vue 3 的弹出框组件,由 TypeScript 编写。
- vue-tooltipster - VueJS 2.x 的工具提示组件。支持 HTML 内容,悬停和悬停+点击事件。
- k-pop - 基于 popper.js 的简单弹出框组件。高度可定制。提供主题。支持自定义触发器,并可以监听任何事件。
- @adamdehaven/vue-custom-tooltip - Vue 2 & 3:庆祝的可定制、响应式、可重用的工具提示组件,支持插件选项、属性和多种用例。也适用于 SSR(例如 VuePress、Nuxt),并包含 TypeScript 类型(Vue 3 可在
next
分支上获取)。(Vue 3 可在next
分支上获取 npm 标签) - vue-use-popperjs - Vue 2 & 3 的 popper 钩子,由 @popperjs 提供动力
- vue-follow-tooltip - Vue 3 的微小工具提示指令
- Tippy.vue - Vue 3 的无堆叠 Tippy.js 指令/组件。无需结构或样式更改即可加入。支持单个和单例工具提示。
Overlay
覆盖层/模态框/警告/对话框/放大镜/弹窗
- vuedals - 一个用于单个组件实例的VueJS(2.x)多模态窗口插件。
- sweet-modal-vue - 最棒的模态框库,现已适用于Vue.js。
- vue-js-modal - 使用简单,高度可定制,支持移动设备的友好Vue.js 2.0+模态框,零依赖项。
- vudal - Vue.js的模态框窗口。
- vodal - 一个带有动画的Vue模态框。
- vue-image-lightbox - 一个展示图片的Vue图像放大镜画廊。
- vue2-simplert - 基于Irfan Maulana的Vue 2简易警告组件(SweetAlert启发式)。
- Vue-Semantic-Modal - Vue 2语义UI模态框组件,无jQuery依赖项。
- v-img - 易于安装的图像画廊。
- vue-dialog-drag - 可拖动的对话框。
- vue-ya-semantic-modal - 又一个用于Vue2的无jQuery但带有Vue过渡的语义UI模态框组件。
- vue-pure-lightbox - 一个非常简单的无依赖项的放大镜插件,仅使用Vue!🖼
- v-viewer - Vue2和Vue3的图像查看器组件,支持旋转、缩放、缩放等操作,基于viewer.js。
- vue-messagebox - Vue中的简易且定制化的消息框组件。
- vuejs-dialog - 轻量级、基于Promise的警告、提示和确认对话框。
- @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 - Vue.js中最先进的可配置模态框组件。
- v-modal-backdrop - Vue的简单通用背景组件。
- vue-cute-modal - Vue应用程序的简单易用的模态框组件。
- v-dialogs - 基于Vue2.x的简单而强大的对话框,包括模态框、警告、遮罩和吐司模式。
- vue-gallery-slideshow - VueJS的响应式画廊组件。
- vue-a11y-dialog - Vue.js组件包装器,用于可访问对话框
a11y-dialog
。 - vue-slideout-panel - VueJS的可堆叠面板组件。
- v-gallery - Vue2插件,用于在
gallery
或carousel
中显示图像。 - 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 - sweatlaert2的包装器,支持TypeScript、Nuxt和SSR。
- vue-modality - 一个非常好的Vue.js模态框组件。
- vue-tinybox - 一个小巧(最小2.5KB压缩)且流畅的放大镜画廊。针对桌面和移动设备进行了优化。
- vue-accessible-modal - Vue.js可访问模态框封装器,覆盖你的组件。
- vuetify-dialog - 使用Vuetify的轻松对话框。
- vue-hawesome-modal - 基于Vuetify的Vue promisify模态框组件插件,带Vuex。
- xmodal-vue - 🚀 一个简单且易于使用的组件包装器,围绕你的组件帮助你创建自定义和动态模态框,从你的组件开始。
- @kouts/vue-modal - 一个可定制的、可堆叠的轻量级模态框组件,遵循WAI-ARIA Dialog(模态框)部分的W3C指南。
- vue-final-modal - 尾灯友好的、高度可定制的、可堆叠的模态框组件。
- vuesence-modal-window - 简单的Vue模态框窗口组件,负责覆盖层、居中、动画、外部点击/
Escape
键/X-mark
关闭,并允许您专注于其内容。 - vue-it-bigger - 一个简单的图片/(YouTube)视频放大镜组件,适用于Vue.js。
- v3confirm - 专用于vue3的插件,用于显示确认对话框模式。
- vue3-promise-dialog - 让您轻松地在Vue 3中创建基于Promise的对话框(组合API或选项API)。
- vue3-side-panel - 🔥 对于Vue3,易于使用且灵活的侧边栏组件。
- vuejs-confirm-dialog - :speech_balloon: 在Vue.js中创建、重用、Promisify和构建对话框链的简单方法。
- @kolirt/vue-modal - ⚡️ 简单的Vue3模态包。
- vuetify-resize-drawer - 扩展了v-navigation-drawer的功能,使其可以由用户调整大小。
平移
- vue-parallax - 慢速滚动图像以产生整洁的光学效果。
- vue-parallaxy - Vue.js图像滚动效果的组件。
- vue-mouse-parallax - 使用Vue.js的简单易用的鼠标平移组件。
- vue-parallax-js - 微型Vue组件,为元素添加平移效果指令。
- vue-parallax-view - 创建一个复合控件,显示不同图像,根据鼠标移动做出反应,以产生深度效果。
图标
- vue-awesome - Vue.js的Font Awesome组件,使用内联SVG。
- vue-material-design-icons - 作为单个文件组件的SVG Material Design图标集合。
- vue-icon-font - Vuejs的图标字体插件(支持Font-class和Symbol)。
- vue-ionicons - 来自Ionic团队的Vue图标集组件。
- vue-ico - Vue的简单易用图标,支持浏览器支持和选择性打包。
- mdi-vue - Vue.js的Material Design图标组件。
- vue-fontawesome - Font Awesome 5 Vue.js组件。
- g-icon - 用于您的svg图标的简单图标组件(兼容类似Font Awesome的字体工具包)。
- vue-simple-line-icons - Vue.js的Simple Line Icons组件。
- vue-country-flag - Vue组件,用于国家旗帜图标。
- vicon - Vue的简单图标字体组件。
- md-svg-vue - Google提供的Material Design图标,适用于Vue.js和Nuxt.js(服务器端支持(带缓存),内联svg渲染,官方图标名称)。
- vue-lang-code-flags - Vue组件,显示语言来源国家的国旗。
- vue-zondicons - Vue组件,用于美丽的Zondicon svg图标。
- vue-eva-icons - Vue组件,提供简单美丽的开源eva图标。
- vue-unicons - Vue组件,为您的下一个项目提供超过1000个像素完美的svg unicons。
- vue-fa - Vue.js 2的简单FontAwesome 5组件。
- vue-cryptoicon - 美丽的像素完美400多个加密货币和10多种法定货币图标。
- vue-hero-icons - 高质量SVG图标集,源自@refactoringui/heroicons,作为Vue功能组件。
- vue-heroicons - Vue组件,用于104个高级Heroicons UI svg图标。
- vue-tabler-icons - Vue组件,用于Tabler Icons SVG图标。
- oh-vue-icons - Vue组件,用于轻松包含来自不同流行图标包的内联SVG图标。
- vue-feather-icons - Vue功能组件的简单美观的开源图标。
- vue-feather - Vue 3的Feather图标组件。
- eos-icons-vue - Vue 3的Eos图标npm包,eos-icons-vue2适用于Vue 2。
- vue-icomoon - 使用vue-icomoon,您可以轻松使用在icomoon中选择或创建的图标。
- vue-icons - 超过11,000个图标,来自最流行的图标库(bootstrap、fontawesome、feather等)。
- veemoji - Vue 2的简单emoji 🚀组件。
滚动
- vue-dynamic-marquee - 响应式滚动组件,随时动态变化。
- vue3-marquee - Vue 3应用程序的简单响应式滚动组件,无需依赖项。
- vue-slideout - Vue实现流行的slideout库
- vue-quick-menu - 基于Vue.js2的Web导航组件
- @hscmap/vue-menu - Vue2的菜单/上下文菜单组件
- vue-router-nav - 简洁的响应式导航栏,渲染vue-router的路由
- vue-drawer-layout - 类似Android的简单DrawerLayout组件,适用于Vue.js
- vue-simple-menu - 简单的菜单组件,包含一组基本功能,在80%的情况下足够了
- vue-tree-navigation - Vue.js 2带有vue-router支持的树导航
- bp-vuejs-dropdown - Vue.js => 2下拉菜单。易于使用,无外部依赖,可选。
- vue-bulma-accordion - 使用Bulma自定义或内置图标简单易配置的手风琴或可折叠样式
- v-selectmenu - Vue2的简单、更易用的高度定制的下拉菜单解决方案
- vue-burger-menu - 具有不同的CSS动画的侧边栏菜单组件
- vue-dynamic-dropdown - 高度可定制、易于使用的高雅下拉菜单组件
- vue-navigation-bar - 为您的Vue项目创建一个简单的、漂亮的导航栏
- vue-simple-search-dropdown - 无需外部依赖的简单可搜索的输入下拉菜单组件
- @innologica/vue-dropdown-menu - Vue的下拉菜单组件。任何元素都可以作为下拉触发器,任何内容都可以被下拉
- vue-menu-aim - 菜单三角形选择,又名亚马逊
- vue-stripe-menu - 创建具有动画效果的导航菜单,类似于Stripe
- vue-burger-button - 一个非常简单的Vue功能组件,用于制作汉堡按钮菜单
- @satmaxt/sidebar-menu-drawer - 一个简单互动的侧边栏菜单抽屉,易于实施
- vue-file-toolbar-menu - Vue应用程序的UI文件/工具栏菜单
- v-dropdown-menu - Vue.js的可定制下拉菜单插件。SSR支持。
- vue-bottom-sheet - 一个使用Hammer.js为Vue.js创建的可滑动底部表单组件
- SDropdown - 高度可定制的、简单且现代的Vue 3下拉组件。
- vue-awesome-sidebar - Vue(3x)的现代化且快速的侧边栏菜单组件,能够与vue-router配合使用。
- vue-use-fixed-header - 将您单调的固定头部变成智能头部。
- navpress - NavPress是一个CLI工具,用于生成静态导航网站。它允许您通过配置文件快速构建导航网站。
Minus Plus Input
- minus-plus-input - 一个带加号减号的数字输入;包括Vue.js v1和v2版本。
- vue-integer-plusminus - Vue 2的带递增和递减按钮的整数输入
- vue-numeric-input - 带控件的数字输入组件
Carousel
- vue-easy-slider - Vue.js的滑块组件
- vue-l-carousel - Vue.js v2.x+的响应式轮播(即滑块或滑动)组件
- vue-awesome-swiper - Vue.js(1.x ~ 2.x)的Swiper(滑动)组件
- vue-lory - 基于lory的Vue滑块组件
- vue-slick - Vue组件,用于Slick轮播
- vue-flickity - Vue.js组件,用于Flickity.js
- vue-carousel-3d - Vue 3的3D轮播组件 - 美观、灵活且支持触摸的3D轮播组件,适用于Vue.js
- vue-carousel - Vue.js的灵活、响应式、触摸友好的轮播组件
- vue-coverflow - Vue2.x的coverflow组件
- vue-agile – 受Slick启发的轮播组件,仅用Vue.js和原生JS编写
- vue-tiny-slider – 由ganlanyuan创建的Vue.js轮播组件。无jQuery。兼容IE8+。
- vue2-text-swimlane - Vue.js的文本游泳道插件
- vue-picture-swipe - Vue Picture Swipe Gallery(带有缩略图的图片画廊,懒加载和滑动)由photoswipe支持。
- vue2-siema - Vue.js的非常小的Siema轮播/滑块库的插件包装
- vue-flux - 带有20个酷炫过渡效果的图片滑块
- vue-glide - Vue.js上的滑块和轮播组件,基于Glide.js
- vue-owl-carousel - Vue.js组件,用于Owl Carousel 2
- vueper-slides - 适用于Vue JS的触摸友好型响应式幻灯片/轮播。
- Hooper - 为Vue定制的可访问轮播滑块优化。
- Lingallery - Vue简单图片画廊组件,下方显示缩略图。
- vue-piece-slider - 分片外观的动画幻灯片。
- vue2-photo-carousel - Vue2的照片轮播组件。
- vue-netflix-slider - 类似Netflix的轮播。
- vue-pswipe - 易于使用,无需设置大小,支持旋转,基于Vue的swipe插件。
- vue-cat-carousel - 轻量级、简单且可定制的Vue Js轮播。
- @egjs/vue-flicking - Vue.js 2和3的可靠、灵活且可扩展的轮播。
- slither-slider - 图像、视频或组件的轮播。可以随意抛出您想要的任何东西。
- vue-slick-carousel - 为Luxstay加速的具有绚丽功能的轮播,专为Vue编写。
- @jfm/vue-carousel - Vue轮播组件。
- vue-snap - 基于Scroll Snap CSS的轻量级轮播。
- vuerollr - Vue.js的鼠标悬停画廊插件。支持图像和视频。
- vue-splide - Splide是一个免费轻量级但功能强大的轮播和轮播组件,完全用JavaScript编写,无需依赖项。它支持缩略图轮播、嵌套幻灯片。
- swiper - Vue 3官方轮播组件。可伸缩、SSR支持、类型检查、无障碍和更多功能。
- vue-split-carousel - 同时显示多个轮播项目的轮播组件,支持Vue 2和Vue 3。
- vue-concise-carousel - Vue Concise Carousel,带True SSR。适用于Vue 2和Vue 3。
图表
- vue-morris - VueJS包装Morris.js。
- vue-chartjs - Vue.js包装Chart.js。
- vue-echarts - Vue.js的ECharts组件。
- vuetrend - Vue.js简单的优雅折线图。
- vue-highcharts - Vue的高尔夫图表组件。
- vue-echarts-v3 - Vue.js(v2.x+)组件包装ECharts.js(v3.x+)。
- vue-chartist - Vue.js 2.0组件包装Chartist。
- vuebars - Vue.js简单的优雅条形图。
- vue-d3-network - 使用d3-force的Vue组件来绘制网络图。
- vue2vis - Vue2的Visjs包装。
- vue-c3 - Vue的可重用组件,用于c3图表。
- vue-d2b - Vue组件,用于d2b图表。(包括轴、饼图、桑基图和太阳图)
- VueChart - 对图表非常简单的Vue包装。
- vue-chartkick - 用一行Vue创建美丽的JavaScript图表。
- d3vue - VueJS中创建反应式数据可视化的D3插件。
- vue2-frappe - VueJS周围的简单包装Frappe图表。
- vue-google-charts - Vue.js的Reactive包装Google Charts库。
- vue-graph - Vue.js的数据可视化库,用于实现仪表板。
- vue.d3.sunburst - 基于D3.js的动态太阳圆盘组件。
- v-chart-plugin - 一个可自定义的组件,用于添加绑定到组件数据的D3图表。
- vue-jqxchart - 具有Pie、Bubble、Donut、Line、Bar、Column、Area、Waterfall、Polar和Spider系列的图表组件。
- toast-ui.vue-chart - TOAST UI Chart的Vue包装。
- vue-apexcharts - Vue.js的ApexCharts组件。
- vue-doughnut-chart - Vue.js的甜甜圈图表组件。
- v-charts - 基于Vue2.x和Echarts的图表组件。
- vue-css-donut-chart - 轻量级的Vue组件,用于绘制纯CSS甜甜圈图表。
- vue-trend-chart - Vue.js的简单趋势图表。
- vueplotlib - 声明式、交互式、关联的绘图组件
- vgauge - Vue的GaugeJS包装器 - 创建漂亮的仪表盘
- vue-plotly - plotly.js的Vue2包装库,提供20种图表类型,包括3D图表、统计图形和SVG地图。
- vue-funnel-graph-js - Vue.js的漏斗图绘制库。创建垂直和水平动画SVG漏斗图,并添加标签、值、图例和其他信息。
- pure-vue-chart - 轻量级 Vue 图表,无需依赖任何图表库实现
- f2-vue - f2 的 Vue 封装 - 优雅、互动且灵活的移动图表库
- ZingChart-Vue - ZingChart 提供的 Vue 组件,支持 35+ 种图表类型。
- jscharting-vue - Vue 图表组件,提供一套完整的图表类型和吸引人的数据可视化功能,使用 JSCharting。
- flowchart-vue - Vue.js 的流程图和流程图设计器组件。
- vue-d3-barchart - 使用 d3 小组件绘制图表。
- vue3-highcharts - Vue 3 的 Highcharts.JS 封装组件
- echarts-for-vue - Vue 3 和 Vue 2 的 ECharts 封装组件
- vue3-chart-v2 - 基于 Chart.JS 的 Vue 3 封装组件
- vue-gauge - Vue.js 组件,用于创建动画 SVG 计量表盘图表
- vue-echarts - Vue.js 组件,用于 Apache ECharts™。
- vue-data-ui - Vue 3 的图表库,包含 50+ 个组件。官方网站:https://vue-data-ui.graphieros.com/
- vue-speedometer - Vue 组件,用于展示类似速度计的计时器,使用 d3。
时间
显示时间/日期/年龄
- vue-timeago - Vue 的微小时光组件。
- vue-moment-jalaali - Vue.js 项目使用的 Jalaali Moment.js 过滤器。
- vue-countdown-timer - 增加时区转换支持。
- vue-analog-clock-range - 显示时间差的模拟时钟范围。
- vue-moment-lib - 使用相同的 momentjs API 的简单 Vue.js 2.0 MomentJS 库(过滤器和全局变量)。
- vuejs-countdown - Vue.js 2.0 的简单倒计时计时器组件。
- vue2-flip-countdown - Vue 2.x 的带翻转效果的倒计时计时器。
- timeline-vuejs - Vue 的简约时间线。
- vue-awesome-countdown - Vue 2.5.0+ 的高性能和精确度的倒计时插件。官方网站:https://vac.js.org
- vue-clock2 - Vue 的显示时钟组件。
- vuemodoro - Pomodoro 工具作为单文件 Vue 组件。
- digital-clock-vue - 基于 Vue 的数字时钟模拟。
- bs-vue-timeline - 可用的响应式 Bootstrap-vue 时间线替代方案。
- simple-vue-timeline - 简单但可定制且反应灵敏的时间线 Vue 组件
- vue-moment - Vue.js 项目的便捷 Moment.js 过滤器。
- v-idle - Vue.js 插件,用于检测闲置/非活跃用户。
- v-digital-time-picker - Vuetify 的数字时间选择器。
- vue-horizontal-timeline - 使用 Vue.js 构建的简单水平时间线组件。
- vue-timer-hook - Vue 3 的计时模块,受 react-timer-hook 启发。
- vue3-flip-countdown - 使用翻转动画自定义倒计时计时器的 Vue 3.x 组件
- vountdown - Vue 的简约倒计时组件
日历
在日历中显示不可编辑的事件
- vue-fullcalendar - Vue 全面日历。无需 jQuery。安排事件管理。
- vue-event-calendar - Vue2 的简单事件日历,除了 Vue2 无其他依赖。
- vue-calendar-picker - 轻量级日历组件,用于事件展示、时间段选择和日期选择器。
- vue-lunar-calendar - Vue 组件,用于农历日历。使用 Moment.js 进行日期操作。
- vue-simple-calendar - 基于 Flexbox 的 Vue 月历组件;支持多天事件、本地化、节日表情符号、拖放。无依赖项。
- vue2-calendar - 简单的全日历组件,旨在灵活和轻量级。
- vue-jlunar-datepicker - 带节日和二十四节气的中文农历日期选择器组件。
- vue-full-calendar - Vue 1 和 2 的完整 fullcalendar.io 封装
- v-calendar - 动画日历/日期选择器,为简单和重复日期显示区域、指示器和日弹出窗口。
- vue-infinite-calendar - Vue 2 的简单无限日历实现
- vue-calendar - Vue 2.1.5+ 的简单日历组件,支持自定义内容。无依赖项。
- vue2-event-calendar - Vue2 的事件日历,支持自定义事件项目和日历标题。
- vue2-datePicker-infinite - Vue2无限日历选择器,简单易用,无依赖。
- vue3-slot-calendar - 支持农历或日期事件的Vue 3日历组件,采用Bootstrap风格。
- quasar-calendar - 使用Quasar框架的Vue.js日历,实现月视图、多日视图和日程表视图。
- vue2-datepicker - Vue2美观的日期/时间选择器组件。
- vue-pikaday - VueJS包装器组件,用于Pikaday日期选择器。
- vue-tuicalendar - VueJS包装器组件,用于tui.calendar日历。
- vue-jqxscheduler - VueJS调度器组件。
- toast-ui.vue-calendar - Vue对TOAST UI Calendar的包装。
- vue-functional-calendar - 轻量级、高性能的基于Vue的日历组件(日期选择器、日期范围选择器)。
- vue-cal - Vue JS完整日历,无依赖,无BS。🤘。
- vue-material-year-calendar - Vue2的全年(一页上12个月)日历。使用dayjs。
- vuelendar - VueJS编写的简单清晰的日历。
- vue-date-tools - 使用date-fns的最轻量级VueJS日期选择器和日期范围选择器,无其他依赖。
- vue-spring-calendar - 基于Vue的组件,提供全日历功能,显示每日事件。
demo
。 - vue-jquery-calendar - VueJS轻量级包装器组件,用于jquery ui datepicker。
- vue-schedule-board - 易于使用的组件,用于展示某人的日程列表,帮助安排面试或拜访。
- vue-lunar-calendar-pro - Vue组件,用于农历日历。使用calendar.js进行日期操作。
- vue-sweet-calendar - 简单而甜蜜的Vue.js日历。
- vue-datepicker-ui - Vue.js日期选择器组件。
- vue-tailwind-datepicker - Vue 3使用Tailwind CSS 3的日期选择器。
- qalendar - Vue 3事件日历和日期选择器。
- schedule-x - 基于Material Design的事件日历。可定制,亮色和暗色模式以及多语言。
地图
- vue2-google-maps - Vue的Google地图组件,支持双向数据绑定。
- vue2-leaflet - Vue 2的Leaflet地图组件。
- vue-mapbox-gl - Vue 2.x组件,用于Mapbox GL JS。
- vue-yandex-maps - Vue 2.x组件,用于Yandex Maps。
- vue-baidu-map - Vue 2.x组件,用于Baidu Maps。
- vue-choropleth - Vue 2.x组件,用于显示地形图。
- vuelayers - Vue 2组件,与OpenLayers配合使用。
- vue-googlemaps - Vue 2.x组件,集成Google Maps。
- vue-static-map - Vue 2.x简单组件,用于生成静态谷歌地图。
- vue-mapbox - Vue 2.x围绕Mapbox GL JS库的包装器,以提供与地图交互的vueish方式。
- vue-cesium - Vue 2.x和Vue 3.x的Cesium组件。
- vue-async-gmaps - 让用户决定加载google-maps脚本以实现更好的隐私保护。
- @geospoc/v-mapbox - 结合Vue.js和Mapbox GL JS的力量(维护fork of soal's vue-mapbox)。
- @geospoc/v-mapbox-geocoder - 您出色的Mapbox库的地理编码器控件。
- x5-gmaps - Vue 2.x轻量级Google Maps插件。
- vue2-gmap-custom-marker - Vue谷歌地图自定义标记组件。
- vue3-openlayers - Vue 3组件,与OpenLayers配合使用。
- vue-mars3d - Vue 2.x 3D地球可视化JS开发平台。
- vue-leaflet-custom-marker - Vue leaflet用于开放街道地图自定义标记组件。
- vue-maplibre-gl - Vue 3.x围绕Maplibre GL JS库的包装器,使用TS编写。包括样式切换和帧率控制。
音频 / 视频
- Vue-APlayer - :cake: Vue 2.x轻松配置的音乐播放器。
- vue-audio - 音频标签包装器;Vue 2.x声音播放器组件。
- vue-dplayer - 基于DPlayer的Vue 2.x视频播放器组件。
- vue-canvasvideo - Vue 2.x组件,用于视频背景和在iOS/Safari上的自动播放视频。
- vue-music - 基于html5
<audio>
的 Vue 组件。 - vue-audio-visual - Vue HTML5 音频可视化组件。
- vue-plyr - 一套用于 plyr 视频和音频播放器的 Vue 组件。
- v-playback - Vue2 插件,使视频播放更轻松。
- vue-audio-recorder - Vue.js 的音频录制器。它允许在服务器上创建、播放、下载和存储记录。
- vue-video-section - Vue 简单的视频头部/部分组件。适用于视频背景和在其上叠加内容。
- vue-waveform - 它是使用 canvas 波形音频播放器 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 - Vue 2.x 的简单 html5 视频播放器,带有 img 占位符。
- vue-audio-better - 易于为 Vue 2.x 创建自定义音频播放器组件。带灵魂的进度条。
- vue-sounds - 轻松向您的组件添加声音。
- vue-soundcloud-player - 支持单曲和播放列表的自定义 Soundcloud 播放器。
- vue-use-sound - Vue Hook,用于播放音效。
- vue-flv-player - Vue 2.x 的基于 flv.js 的 HTML5 Flash 视频(FLV)播放器组件。
- control-knob - Vue 3 的旋转控制钮组件,行为类似于音频应用控制。
- simple-vue-camera - Vue 3 的简单易用且广泛的相机组件,支持 TypeScript 以创建出色的相机体验。
- vue-vision-camera - Vue 3 的相机组件。我们可以使用这个组件进行计算机视觉任务,如条形码/二维码扫描、文本识别等。
- 1llest-waveform-vue - Vue 3 的轻量级且可控的音频可视化插件。
- Vue-Player - Vue 的轻量级、可定制且易于实现的视频播放器。
无限滚动
- vue-infinite-loading - Vue.js 1.0 和 Vue.js 2.0 的无限滚动插件。
- vue-mugen-scroll - Vue.js 2 的无限滚动组件。
- vue-infinite-scroll - Vue.js 的无限滚动指令。
- vue-loop - Vue.js 2 的无限内容循环组件。
- vue-scroller - Vue.js 2 的无限内容循环组件,包括“上拉刷新”、“无限加载”、“滑动加载”等功能。
- vue-infinite-list - Vue.js 2 的无限列表混入可以回收 DOM。
- vue-infinite-slide-bar - Vue.js 的无限滑动条组件。
- vue-virtual-infinite-scroll - Vue 2 组件,基于 Iscroll,支持大数据列表的高性能滚动、无限加载和上拉刷新。
- @egjs/vue-infinitegrid - 根据各种布局类型(如 masonry)排列 Vue.js 2 中的无尽卡片元素。
- @grafikri/vue-infinite-scroll - Vue 的基本无限滚动。
- vinscroll - Vue 的最小化无限滚动组件。
- virtual-list - 虚拟列表组件。特点:Vue2、Vue3、TypeScript、SSR、水平列表、虚拟表格。
- virtua - Vue 3 的零配置、快速且小(约3kB)的虚拟列表组件,适用于 React 和 Vue。
- vue-pdf - 基于mozilla的PDF.js的一个pdf查看器
- pdfvuer - 使用Mozilla的PDF.js为Vue创建的PDF查看器,支持Vue2和Vue3。演示
- vue-pdf-embed - Vue 2和Vue 3的PDF嵌入组件
- @tato30/vue-pdf - Vue 3的PDF查看器。演示
Tree
- Vue.D3.tree - 基于D3.js的一个树形视图
- vue-json-tree-view - Vue.js的一个JSON树形视图组件。
- vue-tree - Vue.js 2.x的一个树组件
- liquor-tree - 出色的Vue树组件
- vue-trees-ui - 基于Vue的一个树UI库。
- Bosket - 为前端框架(Vue、React、Angular和Riot)提供的树形视图组件集合。
- plantain-00/tree-component - 一个reactjs、angular和vuejs的树组件。
- sl-vue-tree - Vue.js的一个简单可定制的可拖动树组件
- he-tree-vue - 一个具有拖放占位符、类型定义的、可拖动排序的Vue树组件,压缩后大小为14KB。
- vuejs-tree - 高度可定制的VueJs树查看器
- vue-jstree - Vue2的Tree插件,带有漂亮的图标和拖放功能
- vue-vtree - Vue.js的通用且灵活的树组件
- vue-json-component - 无依赖的JSON树视图,TypeScript支持,易于定制。
- vue-tree-list - Vue组件,用于展示树状结构
- vue-finder - 一个显示分层数据的组件,支持选择、过滤和拖放
- vue3-router-tree - 基于Vue.js 3的组件,将您的路由或项目表示为树形图🌲。
- object-visualizer - Vue 3的JSON检查器,具有类似Chrome的主题。
- vue-virtual-tree - Vue 3的大型数据树组件,基于Vue3。
- vue-json-viewer - Vue2和Vue3的增量更新组件的JSON树视图支持。
- vue-hierarchy - 用于显示分层数据的库
Graph
- vue-pipeline - 一个易于使用的组件,用于展示美观的响应式管道,如Jenkins蓝海插件。
- vnodes - 通用组件,用于创建SVG交互式图表、图形或基于节点的可视化工具。
- v-network-graph - Vue 3的交互式SVG基础网络图可视化组件。
- coya - 图表绘制库(仅限Vue3)
- vue-skia - 基于Skia的2d图形Vue3渲染库。它基于Rust实现软件光栅化以执行渲染。
- vue-flow - Vue3的交互式、可定制、图表和流程图编辑器。
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 - 受苹果新闻稿中Image Sharesheet启发的Vue.js树形组件。
- vue-twitter - Vue.js组件,用于嵌入Twitter小部件(例如时间线、按钮)。
- vue-share-buttons - Vue.js组件,用于在您的项目中放置按钮,您可以分享任何内容。
- vue-share-it - Vue.js组件,用于分享链接到社交网络。
- vuesocial - 🧞♀️🧞♂️ Vue.js的易用按钮组件,支持65多个社交网络。
- vue-socials - 💬 Vue.js的社交媒体分享按钮和计数器。
- vue-share-modal - Vue 3的纯轻量级美观分享模态框。
QR Code
- vue-qriously - Vue.js 2组件,使用qrious在HTML Canvas上绘制二维码。
- vue-qart - Vue 2.x的vue-qart指令。
- vue-qrcode-reader - Vue.js的一系列组件,用于检测和解码二维码。
- vue3-qr-reader - Vue 3的QR阅读器组件。重构vue-qrcode-reader以适应Vue 3兼容性。
- qrcode.vue - Vue.js组件,用于生成二维码。支持Vue 2和Vue 3。
Search
- vue-fuse - 轻量级插件,用于模糊搜索库,Fuse.js
- vue-instantsearch - 使用Algolia创建即时搜索体验的终极工具箱。
- vue-innersearch - Elasticsearch的Vue.js包装器。
- reactivesearch-vue - 使用Elasticsearch构建数据驱动应用的UI组件。
- vue-search-panel - 一个用于搜索并显示建议的Vue组件。
- vue-json-search - Vue 3.x的无头组件,用于轻松简单的基于json的搜索。
- vue-search-input - 基于Storybook和GitHub的全局搜索输入的灵感来源,为Vue 3.x创建了一个搜索输入组件。
杂项
- vue-avatar - Vue.js的avatar组件。
- vue-touch-ripple - Vue.js(1.x ~ 2.x)的触摸波纹组件。
- vue-typer - 模拟用户打字、选择和擦除文本的Vue.js组件。
- 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的易于使用的剪贴板绑定。
- vue-flashcard - Vue.js 2.x带有动画的闪卡组件。
- 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 - Vue 2.x的嵌入组件,基于embed.js,该组件嵌入表情符号、媒体、地图、推文、gists、代码、服务和markdown。
- 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 - Vue.js组件,用于构建具有嵌套条件的复杂查询。
- vue-info-card - Vue.js项目的一个简单而美丽的卡片组件,带有优雅的折线图和CSS3翻转动画。
- v-offline - Vue应用程序的简单、微小且易于使用的离线与在线事件检测(压缩后小于390b)。
- vue-word-cloud - 一个单词云生成器。
- vue-flat-surface-shader - Vue.js组件,用于平面表面着色器。
- vue-easteregg - 轻松向您的Vue应用程序添加东道国标志(默认使用konami代码)。
- vue-barcode-scanner - Vue.js条形码扫描器。
- vue-heatmapjs - Vue.js指令,用于跟踪和可视化鼠标活动。
- vue-maze - Vue.js组件制作的迷你迷宫游戏。
- vue-drag-verify - 这是一个Vue组件,用于滑动解锁登录或注册。
- vue-balloon - Vue.js组件,用于在页面角落创建固定、可缩放的容器。类似于用于撰写邮件的邮件组合包裹器。
- vue-sticker - 适用于任何方向的贴纸效果。
- v-rating - 使用语义UI的⭐️评分组件,用VueJS制作(压缩后小于500B)。
- vue-content-placeholders - Vue.js项目中渲染虚假(渐进式)内容的组合组件,如Facebook。
- vue-page-designer - Vue.js组件,用于拖放以设计和构建移动网站。
- vue-creativecommons - CreativeCommons.org Vue.js组件库。
- vue-status-indicator - Vue.js组件,显示彩色点的状态指示器。
- vue-google-adsense - Vue.js Google Adsense组件,支持InFeed和InArticle广告。
- emoji-vue - Vue.js项目的😎👌🏻下拉菜单表情符号。
- vue-chessboard - Vue组件,用于加载棋盘、创建棋局并查看威胁。
- vue-mindmap - 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 - Vue组件,快速创建响应式图片标签,适用于所有设备。
- vue-highlight-text - Vue组件,用于高亮显示文本中的多个单词。
- vue-cast-props - 提供一种方便的方法将props转换为常见数据类型。
- vue2-heropatterns - Vue2实现,允许您将流行的英雄图案添加到任何Div上。
- vue-link - 一个组件连接它们全部 🔗(处理外部和内部链接)。
- vue-identify-network - 🚀识别您的用户使用的是哪种互联网!
- vue-cloneya - Vue组件,用于克隆DOM元素。
- 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的avatar组件。
- vue-text-highlight - Vue.js文本高亮库💄
- vue2-hammer - Vue 2.x的Hammer.js包装器,支持移动触摸。
- vue-countable - Vue绑定,用于countable.js。提供实时段落、句子、单词和字符计数。
- v-show-slide - Vue.js指令,用于以滑动运动的方式将元素动画化到高度:auto。
- vue-swipe-actions - Vue.js的iOS风格滑动操作。
- vue-friendly-iframe - Vue.js组件,用于创建超快加载、非阻塞的iframe。
- 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组件,用于查看确定用户的个人资料和仓库。
- vue-niege - 🎄 🎅 通过canvas添加暴风雪的单文件Vue组件。
- vue-dynamic-star-rating - Vue高度动态星级评分组件,如Google Play评分 ⭐️ ⭐️ ⭐️ ⭐️ ⭐️
- vue-katex - Vue.js中使用KaTeX进行数学排版的简单插件。
- vue-baberrage - 基于Vue.js的简单Barrage插件😎
- vue-terminal-ui - 🖥️终端UI模拟器Vue:自定义和基本命令。
- vue-command - 完全工作的Vue.js终端模拟器。
- vue-ribbon - Vue组件,用于GitHub胸针。
- 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 - VueJS 2.x的车牌号键盘。(车牌号输入键盘,支持新能源车牌 🚗🚗🚗)
- vue-dataflow-editor - Vue2数据流图形编辑器
- vue-twemoji-picker - Vue的快速即插式Twemoji选择器(+textarea用于Twemoji渲染)。
- vuejs-avataaars - Vue简单头像生成器组件。
- vue-moveable - Vue组件,创建可移动、可拖动、可调整大小、可缩放、可旋转、可变形等的Moveable。
- vue-camera-gestures - 让用户通过摄像头前的AI和手势控制您的Vue应用程序!只需在HTML模板中添加一行代码!
- vue-aspect-ratio - 一个微小的组件,无需费力处理长宽比。
- query-builder-vue - Vue2的查询构建器库,用于构建复杂嵌套查询,并可拖动重新排序。
- vue-meeting-selector - 受doctolib启发的会议选择器,快速且完全定制,使用TypeScript编写。
- cool-emoji-picker - Vue的快速即插式[Tw]emoji选择器(+textarea用于Twemoji渲染)组件。
- vue-web-cam - Vue.js的网络摄像头组件。
- vue-cursor-fx - 交互式元素(如导航、画廊和轮播图)的自定义动画光标效果。
- vuetimeline - 构建美观响应式时间线的易用组件。
- v-emoji-picker - 轻量级可定制的Vue包,使用本地emoji(unicode)。
- learnawesome-flashcard - 使用localStorage进行间隔重复的闪卡堆栈 :bulb:
- vue-portfolio-viewer - Vue.js滚动动画投资组合查看器组件。
- vue-text-middle-ellipsis - Vue指令(2+),如果组件内的内容太长,则限制在其中部显示的内容。
- vue-copy-to-clipboard - Vue.js 3插件,将文本复制到剪贴板(Vue 3)
- vue-advanced-chat - 功能丰富且完全可定制的聊天室组件。支持文件、图片、视频、音频、表情符号、自定义操作等。
- vue-visual-filter - 🕵️♂️ Vue 2和Vue 3的未定型高级视觉过滤组件。
- vue-easter-egg-trigger - 该软件包使向您的Vue 2站点添加复活节彩蛋触发器变得轻松愉快。Vue 3版本也可用。
- vue-word-highlighter - Vue 2和Vue 3的单词高亮库。
- vue3-emoji-picker - Vue 3的简单而强大的emoji选择器。
- vue-mathjax - Vue.js的Mathjax插件
- vue-mathjax-next - Vue 3的插件Mathjax
- vue-connect-wallet - Vue插件,用于通过UI按钮连接Web3钱包和MetaMask工具包
- vue-magnifier - Vue 3图像放大组件。
- vue-spruce - Vue 2的无头渲染组件集合。
- vue-web-terminal - 🚀 Vue2和Vue3的功能丰富且强大的网页命令行终端插件。
- vite-plugin-vue-preview - 当然你也可以单独使用这个组件进行代码预览。
- vue3-calendar-heatmap - 基于SVG的轻量级日历热图Vue 3组件。
- vue-code-block - 使用PrismJS或Highlight.js通过此语法高亮组件轻松突出显示代码。
- v-image-magnifier - Vue 3插件,提供交互式图像放大功能。允许用户通过悬停在图像上放大查看图像相应部分的放大视图。
- Everright-filter - Vue3的查询构建器组件。支持包括字符串、数字、下拉菜单、级联、区域、日期和时间在内的多种数据类型过滤。
- @kolirt/vue-web3-auth - 🚀 基于WalletConnect v2和wagmi的Vue3应用程序的Web3认证。
- zoom-image - 一个小巧但功能强大的框架无关库,用于在网络上缩放图像。
- vue-mrz-scanner - Vue组件,用于扫描护照、签证卡等上的MRZ。它基于Dynamsoft Label Recognizer。
- vue-surf - 非常定制化的动画SVG波浪Vue组件。在线演示
- vue-wheel-spinner - 一个简单的可定制的幸运转轮组件。查看演示
切片
- 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 - 一个与Jupyter Lumino (PhosphorJS)一起使用的Vue.js组件,通过事件监听器和Vue反应系统集成DOM和VDOM。
- vue-router-tab - 基于Vue Router的Vue.js标签组件。
- vue3-tabs - Vue 3的触摸滑动标签组件。
- vue3-tabs-chrome - Vue 3的类似Chrome的组件。
- vue-nav-tab - Vue.js 3项目的标签组件
表单
让用户创建和编辑数据
电话号码输入格式化器
- vue-phone-number-input - 一个美丽的输入框,用于格式化和验证带国家代码的电话号码:fire:
- vue-tel-input - 国际电话输入框,适用于Vue。
邮编输入
- vue-pincode-input - 智能邮编输入组件
选择器
- vue-smooth-picker - Vue 2.x的平滑选择器组件,类似于iOS原生日期时间选择器。
- vue-scroll-picker - Vue 2.x的滚动选择器组件。支持鼠标(也包括轮子)和触摸的所有手势。
- vue-fontawesome-picker - Vue 2.x的字体图标选择器组件。
- vue3-scroll-picker - Vue 3的滚动选择器组件。
- vue-wheel-picker - 可定制的选择器,带有3D轮子和所有手势,适用于Vue 2。
生成器
- FormSchema Native - 使用JSON Schema和Vue.js生成表单
- vue-generator - Vue项目的初始路由和组件。
- vue-form-json - 从json生成具有验证和bulma风格的Vue表单。
- form-create - 具有动态渲染、数据收集、验证和提交功能的表单构建器,支持json数据
- element-form-builder - 使用JSON Schema构建element-ui表单。
- ncform - 一种非常不错的配置生成方式来开发表单
- Laraform - Vue.js的高级表单构建器,支持Laravel
- vue-ele-form - 基于element-ui的Vue DataForm
- vue-otp-2 - Vue OTP输入2,一个用于OTP输入的Vue组件。
- vue-form-generator - Vue.js的基于模式的表单生成器组件。
- vue-form-builder - 使用JSON schema和组合API构建强大的Vue表单,支持流行的UI框架,如Element UI、View UI、Ant Design Vue。 在线演示
- vue-dynamic-inputs - 使用buefy从json创建动态表单 在线演示
- Vue Flow Form - 使用Vue.js创建对话式的条件逻辑表单。在线演示(https://www.ditdot.hr/demo/vff/questionnaire/)
- vue-dd-form - 📋 通过描述数据节点构建表单,无需编程!在线演示(https://marekmensa.github.io/vue-dd-form/)
- vue3-otp-input - 使用Vue 3.x和Vue Composition API构建的全自定义OTP(一次性密码)输入组件。
- Vueform - (可能是)最全面的Vue.js表单构建器在线演示(https://vueform.com/examples)
- IFstruct-parser-vue - 将iofod编辑的项目转换为生产就绪的Vue项目
- Everright-formEditor - 一个可视化的拖放式低代码表单编辑器
日期选择器
Date / datetime / time Picker
- vue-datepicker - [未维护] 带有Material Design的日历和日期选择器组件,适用于Vue.js。
- vue2-timepicker - Vue 2.x的拾取式时间选择器(小时|分钟|秒),支持灵活的时间格式。时钟7:(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 - 受Material Design启发的Vue日期选择器组件
- vue-monthly-picker - Vue.js组件,仅用于月和年选择器
- vue-hotel-datepicker - 响应式日期范围选择器,显示所选天数,允许自定义入住/退房规则,阻止日期,本地化支持等。
- vue2-persian-datepicker - Vue.js的出色波斯日期选择器组件。为Vue提供日历。
- vue-datetime - Vue的轻量友好日期时间选择器。支持日期、日期时间、时间模式,i18n和禁用日期。
- vue-rangedate-picker - 简单易用的日期范围选择器
- v2-datepicker - 基于Vue 2.x的简单日期选择器组件。
- vue-datepicker-local - Vue2的精美日期选择器组件。
- vue-airbnb-style-datepicker - Vue日期选择器,具有与流行的AirBnb日期选择器相似的外观和功能。轻量级、可配置且浏览器支持良好!
- vue-persian-datetime-picker - 支持日期、时间、年、月的波斯材料日期选择器。
- VCalendar - 非常可定制且功能强大的日历/日期选择器组件,具有许多功能和良好的文档。
- @owumaro/vue-date-range-picker - Vue组件,使用Bootstrap 4样式进行日期范围选择
- vue-datepicker-mobile - Vue2的轻量友好日期选择器。选择一天或日期范围,并按您希望的方式进行自定义。
- vue-draggable-cal - 不是普通的日期选择器。一个具有新鲜响应式设计的Vue.js可拖动日期选择器,移动端就绪且无依赖项,压缩后17kb。
- 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的美丽组件,用于选择日期和时间(带范围模式)。:new:
- simple-vue2-datetimepicker - Vue.js组件,用于轻松日期和时间选择。:new:
- vue-business-hours - Vue组件,用于在管理面板或仪表板中选择营业时间。
- material-vue-daterange-picker - Vuejs 2.x的Material Design风格的日期范围选择器,与vuetify兼容且对移动设备友好。
- vue-datepicker - Vue.js的清晰且响应式日期选择器,具有Material Design风格。适用于Vuejs 2.x。(日期/月份/季度 && 日期范围选择器):new:
- @alireza-ab/vue-persian-datepicker - 用于选择波斯日期的日期选择器组件。(单选和范围选择,选择日期和时间,使用键盘选择,自定义样式,本地化)
- vue-easy-range-date-picker - VueJS(2.x)的简单易用的日期范围选择器
- @vuepic/vue-datepicker - Vue 3 最完整的日期选择器解决方案
- vue-datepicker-next - Vue 3.x 的日期选择器/时间选择器/日期时间选择器/日历组件
选择器
- vue-select - Vue.js 的原生组件,提供类似于 Select2 的功能,无 jQuery 开销。
- vue-multiselect - Vue.js 的通用选择/多选/标签组件。
- stf-vue-select - Vue 2 最灵活和定制化的选择器
- vue-select-image - Vue 2 组件,用于从列表中选择图像
- @riophae/vue-treeselect - Vue.js 的多选组件,支持嵌套选项。
- @k186/pd-select - Vue 2.x 的移动端 UI 组件,类似于 iOS 滑动选择器,可以滚动定义的任何内容。
- vue-dropdowns - 如果使用对象进行 Vue2.x,则显示选择框的最简单和自适应方法。
- v-cascade - Vue 2.x 中具有级联选择器的可爱组件(支持 PC 和移动端)。
- vue-multi-select - Vue 2 的自定义组件,用于制作 Vue2 的选择/多选。
- v-region - 简单的区域选择器,提供中国行政区划数据。
- v-selectpage - Vue 2 强大的选择器,分页列表或表格视图,使用标签进行多选,支持 i18n 和服务器端资源。
- vue-cool-select - Bootstrap / Material Design 主题,支持插槽、自动补全、事件、验证等。
- @myena/advanced-select - 带搜索功能的单选/多选组件,带有控制全选和 Bootstrap 3 主题。
- @alfsnd/vue-bootstrap-select - Vue 版本的 bootstrap-select。
- @SamuelTrottier/vue-wheel-select - 简单的滚动选择组件。
- vue-search-select - 可搜索的选择器组件,与语义化的下拉菜单兼容。
- vue-gridmultiselect - 简单的多选组件,项目以表格形式展示。
- vue-select-sides - Vue.js 的组件,用于选择双面数据(两侧)。
- vue-selectize - Vue.js 组件包装器,围绕 Selectize.js,一个纯 JavaScript 的选择器组件
- @vueform/multiselect - Vue 3 多选组件,带单选、多选和标签选项。
- vue-country-code - Vue 2 国家代码选择器
- vue-cool-box-selector - Vue 2 和 3 的炫酷多功能框/按钮/图像选择器 🪄✨ ~1KB
- vue3-select-component - Vue 3 选择器组件,单选和多选,带 TypeScript 端到端类型安全,易于样式设置,插槽等 ~4.4KB
滑块
- vue-slider-component - Vue 1.x 和 Vue 2.x 的滑块组件。
- vue-circle-slider - Vue 2.x 的圆形滑块组件。
- vue-slide-bar - 非常简单的 Vue 滑块栏组件。
- textra - Vue.js 的文本滑动插件。
- vue-knob-control - Vue.js 的旋转钮控件。
- iv-slider - Vue 2.x 的滑块组件。
- vue-histogram-slider - Vue.js 的范围滑块,带有直方图。
- xns-seek-bar - Vue 2.x 的可寻址进度条插件。
- @vueform/slider - Vue 3 的滑块组件,带有多手柄、工具提示合并和格式化。
拖放
- vuedraggable-plus - Vue 组件,允许拖放排序模块,支持 Vue>=v3 或 Vue>=2.7。基于 Sortable.js。
- vue-dragula - 拖放简单到让人受伤。
- vue2-dragula - Vue 2 的
vue-dragula
分支,有很多改进。 - awe-dnd - Vue 的可排序列表指令。
- vue-draggable-resizable - Vue2 的可拖放和可调整大小的元素组件。
- vddl - Vue 组件,用于使用 HTML5 拖放 API 修改列表,支持 VueJs 版本 1 和 2。
- vue-drag-drop - HTML5 拖放 API 的最小轻量级包装器。
- vue-swing - Vue.js 的可滑动卡片界面,如 Jelly 和 Tinder 中所见。
- vue-slicksort - 用于动画、触摸友好、可排序列表的无依赖混合组价。
- draggable-vue-directive - 一个简单的指令来处理 Vue 组件的拖放。
- vue-smooth-dnd - Vue 的平滑拖放库的 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卡片组件。
- vue-drag-drop-snap - 一个无依赖的Vue组件,用于带Snap的拖放操作。
- vue3-dnd - 使用Composition API实现的React DnD,支持Vue2和Vue3的可排序和自由拖放。
- sortablejs-vue3 - Vue 3组件,作为SortableJS的轻量级包装器。
- vue-fluid-dnd - Vue 3的无依赖拖放、可排序库,具有出色的动画效果,使用Vue Composables提供简单易用的API。
自动补全
自动建议/自动补全/拼写检查
- vue-instant - Vue instant允许您轻松为Vue 2应用程序创建自定义搜索控件,并提供自动建议。
- v-autocomplete - Vue.js的自动补全组件。
- vue-auto-complete - Vue2的自动补全。适用于对象或API调用。
- vue-autosuggest - 具有完全自定义渲染和样式的WAI-ARIA完整自动补全组件。
- v-autosuggest - 一个简单的模块化Vuejs组件,从动态或静态数据查询中自动建议输入。
- autocomplete - Vue.js 2.*的简单自动补全组件。
- vue-infinite-autocomplete - Vue infinite-autocomplete包装器,适用于Vue.js 2.*。
- vue-simple-suggest - 简单而功能丰富的Vue.js自动补全组件。
- v-suggest - Vue2插件,用于输入内容建议,支持键盘快速选择。
- vue-bootstrap-typeahead - Vue2使用的Bootstrap 4 CSS类型的typeahead/自动补全组件。
- vue-email-dropdown - 自定义电子邮件域名的自动补全。
- vue-combo-blocks - 小巧、易于访问、可定制且“无渲染”的Vue自动补全组件。
类型选择器
让用户在选择时输入标签/文字
- vue-input-tag - Vue.js 2.0输入标签组件。
- v-distpicker - 一个灵活、高度可用的区域选择器,用于为Vue.js 2.x挑选省份、城市和区域。
- vue-img-inputer - 一个优雅、高度可定制的图片类型输入组件,适用于Vue 2。
- vue-img-preview - Vue 2中的图片输入预览组件。
- v-image :相机:一个小巧的输入类型=file(< 1kb,压缩后)组件。
- @voerro/vue-tagsinput - Vue.js 2的一个简单标签输入组件,带有typeahead/自动补全。
- vue-tag-selector - 类似标签的输入。轻量级、可定制,并处理REGEX验证!
- vue-input-text-to-tags - 一个输入组件,可以为结果展示创建标签。
颜色选择器
- vue-color - Vue Color Pickers for Sketch, Photoshop, Chrome & more。
- vue-swatches - 帮助用户选择美丽的颜色!
- radial-color-picker - 最小化的颜色选择器,关注尺寸、可访问性和性能。
- vue-color-picker-board - 专为人类设计的Vue Color Picker组件!
- verte - 完整的Vue.js颜色选择器组件。
- vue-color-input – Vue 3颜色选择器组件,其目标是替换
<input type="color">
。 - vuetify-color-field - Vuetify Color Field是一个Vuetify VTextField颜色选择器组件。
开关
开关/开/关切换/复选框
- vue-switches - Vue.js的开关组件,支持主题。
- vue-js-toggle-button - Vue.js 2.0+的切换/开关按钮 - 简单、美观、可定制。
- vue-checkbox-radio - Vue组件,轻松美化复选框和单选框输入。
- vue-enhanced-check - Vue组件,重新设计/标记化复选框/单选框,包括切换/开关按钮。
- pretty-checkbox-vue - 实现了pretty checkbox 3(一个纯CSS库,用于美化复选框和单选按钮)组件,适用于Vue.js 2.2+。
- vue2-collapse - Vue Collapse是一个灵活的内容切换插件,适用于手风琴列表或其他条件内容渲染。
- vue-badger-accordion - Vue 2.0+的Badger Accordion的包装组件。
- vue-loading-checkbox - 一个高度可定制的Vue.js复选框UI组件,具有加载状态。
- vue-rocker-switch - Vue.js的可定制摇杆开关组件。
- vue-toggle-btn - 高度可定制、易于使用的优雅切换/开关按钮组件。
- vue-tristate-checkbox - 支持表单提交的循环三态复选框。
- vue-toggles - 高度可定制且易于访问的切换组件。
- @vueform/toggle - Vue 3切换组件,带标签、自定义插槽和样式选项。
- vue-collapsed - Vue 3 CSS高度过渡,可从任何值切换到自动,并反之亦然。准备好了手风琴。
掩码输入
- vue-masked-input - Vue.js的掩码输入组件。
- vue-text-mask - 适用于React、Angular、Ember、Vue和普通JavaScript的输入掩码。
- vue-ip-input - 由vuejs实现的一个IP输入。
- vue-numeric - 基于Vue的显示货币值的输入字段组件。
- awesome-mask - 基于纯VanillaJS实现的掩码指令。
- v-money - 微型(<2k压缩)输入/指令掩码,用于货币。
- vue-autonumeric - 一个Vue.js组件,封装了AutoNumeric输入格式化库。
- vue-inputmask - Vue.js指令,将Robin Herbots的inputmask库添加到您的输入中(纯JavaScript)。
- vue-input-number - Vue.js 2的定制输入数字组件。
- v-unicode - Vue指令,根据Unicode值限制输入。
- vue-cleave-component - Vue.js组件,基于Tuckle.js。
- vue-ip - 支持端口和Material Design的IP地址输入。
- vue-r-mask - 指令类似于JavaScript正则表达式的模板。
- vue-input-code - 基于Vue.js 2.0+的验证码输入组件。
- label-edit - 受Trello启发。点击以显示可编辑的输入并返回值更改。这是一个Vue组件。
- vue-jquery-mask - Vue.js v2.x组件,用于jQuery Mask Plugin。
- vue-currency-input - 简单易用的Vue.js货币格式化数字输入。
- vue-restricted-input - 基于restricted-input的Vue.js输入掩码库。
- vue-input-facade - 专为Vue创建的轻量级且无依赖的输入掩码库,最初是著名的_vue-text-mask_的fork,但经过积极维护并在之后进行了大量改进。
富文本编辑
- vue-quill-editor - Vue2的Quill编辑器组件。
- vue-mobiledoc-editor - Vuejs的移动端文档编辑器组件工具包。
- vue2-medium-editor - Vue 2的MediumEditor组件。
- vue-froala-wysiwyg - Vue.js官方插件,用于Froala WYSIWIG HTML编辑器。
- vue-at - Vue的At.js。
- vue-wysiwyg - 轻量级、快速且可扩展的WYSIWYG编辑器。
- vue-trumbowyg - Vue.js组件,用于Trumbowyg WYSIWYG编辑器。
- vue-pell-editor - Vue.js组件,用于Pell WYSIWYG编辑器。
- vue-tinymce-editor - Vue2的Tinymce编辑器组件。
- vue-mce - Vue.js的tinymce编辑器组件。
- Vue2-Editor - 使用Vue.js和Quilljs的HTML编辑器。
- vue-codemirror - Vue2的Codemirror组件。
- vue-easy-tinymce - 在Vue.js项目中轻松使用tinymce的简单而强大的包。
- vue-highlightable-input - 按键时突出显示并格式化文本。
- vue-trix - Vue.js的简单轻量级Trix富文本编辑器。
- tiptap - Vue.js的无渲染且可扩展的富文本编辑器。
- toast-ui.vue-editor - Vue的TOAST UI Editor封装。
- ckeditor5-vue - 一个官方的CKEditor 5富文本编辑器组件,用于Vue.js。
- yimo-vue-editor - 一个适用于Vue2的王Editor2组件。
- vue-mathlive - Vue.js的MathLive数学编辑器(mathfield)。
- vue-editor-js - 下一代块式编辑器。用于Vue.js。
- element-tiptap - 使用tiptap和Element UI的WYSIWYG富文本编辑器,适用于Vue.js。
- @mycure/vue-wysiwyg - 一个轻量级34Kb的wysiwyg编辑器,不依赖第三方插件。
- ckeditor4-vue - 一个官方的CKEditor 4富文本编辑器组件,用于Vue.js。
- vue-quill - 📝 基于Quill Editor的Vue 3富文本编辑器组件。
图像操作
编辑图像
- vue-core-image-upload - 一个用于图像裁剪和上传的Vue插件。
- vue-croppa - 一个简单直接的、可定制的轻量级移动友好型图像裁剪器,适用于Vue 2.0。
- vue-cropper - Vue2.0的图片剪辑插件。
- toast-ui.vue-image-editor - TOAST UI Image Editor的Vue包装器。
- vue-quick-cropper - Vue移动头像上传裁剪插件,可以选择裁剪区域和缩放。
- vue-croppie - 另一个图像裁剪器。
- vue-slim-cropper - 💇♀️ Vue 2.x的一个简单优雅的移动图像裁剪上传组件。
- vue-advanced-cropper - 一个高级裁剪器,让你有机会创建几乎任何你想要的裁剪器。
- vue-anka-cropper - 图像裁剪器和上传器,矩形和圆形裁剪,可自定义css。
- vue-picture-cut - 图像裁剪工具:缩放、翻转、旋转、边缘检查、矩形裁剪、椭圆裁剪。
- vue-img-cutter - Vue插件,用于图像剪切工具,使用非常方便。
- vue-picture-cropper - Vue 3的一个简单易用的图片裁剪组件。
- vue-polygon-cropper - 一个简单的组件,用于在多边形形状中裁剪图像。演示
展示图像
- vue-cloudinary - Vue (2.0)插件,提供可重用的指令,从Cloudinary (https://cloudinary.com)获取图像,并进行动态操作(调整大小/裁剪/效果/水印/缩放/格式化)和优化(webp/png/自动质量/自动视网膜)。
- img-Vuer - Vue2的移动端图片查看器/画廊。
- vue-image-loader - Vue.js的文件加载器/渐进式图片插件,类似Medium。
- vue-load-image - 在图像加载期间显示加载器,以及在图像加载失败时显示备用内容。
- vue-image-painter - 🙋 Vue 2.x的图像魔法动画绘制效果组件。
- vue-cosha - 🎨 一个易于使用的Vue指令,它可以在任何图像后面放置一个多彩的阴影。
- vue-image-kit - Vue.js的Image Kit组件,内置懒加载和响应式图像。
- vue-preview-imgs - Vue3的图片预览插件。
- awesome-image - Vue2 / Vue3 / Nuxt的通用图像组件,支持Lazyload / 响应式 / 渐进式 / 自动WebP / WebGL滤镜 / WebGL过渡。
- TwicPics - 替换img和video标签的组件,具有懒加载、CLS优化和渐进式加载,以及开箱即用的媒体优化和操作。
视频操作
- vue-playlist - Vue (2.0)轻量级组件,无需依赖项,提供真正无缝的html5视频播放。用原生JS完成的无缝视频播放的唯一解决方案。它接受视频数组,并将它们拼接成一个视频。
文件上传
- vue-clip - VueJs的简单可定制文件上传器。支持Vue >= 2.1。
- vue-simple-upload - Vue.js的简单文件上传组件。
- vue2-multi-uploader - 一个使用Vue.js v2和Axios的拖放式多文件上传组件。上传器显示添加的文件名、大小和文件总大小。它还允许设置上传文件的最小数量。
- vue-dropzone - Vue.js (vue2)组件,基于Dropzone.js - 一个带有图像预览的拖放文件上传工具。
- vue-transmit - 基于Dropzone.js的纯Vue.js拖放上传组件,适用于Vue 2.0
- vue-upload-component - Vue上传组件,多文件上传,上传目录,拖拽上传,拖拽目录。支持Vue >= 2.0
- vue-uploader - 由simple-uploader.js驱动的Vue.js上传组件。
- ic-firebase-uploader - Firebase存储的整洁多文件上传组件。
- vuejs-uploader - 支持超大文件上传的可恢复分块文件上传器。
- vue-filepond - Vue.js组件,用于FilePond - 一个可以上传任何扔给它的文件的文件上传库。
- v-uploader - Vue2插件,使文件上传简单易用,您可以在对话框中拖放文件或选择文件进行上传。
- vue-file-agent - 具有预览和上传进度的全功能拖放启用Vue文件上传组件。
- vue-cloudinary-uploader - Vue.js的云图片裁剪和上传组件。
- vue-dropify - Vue.js的简单图片拖放区域组件。
- vue-file-upload - 允许单文件和多文件上传并具有预览功能的文件管理系统。
上下文菜单
- vue-context-menu - Vue.js的上下文菜单组件。
- vue-lil-context-menu - Vue的灵活轻量级上下文菜单组件。
- vue-mouse-menu - Vue 2.6+支持移动设备的弹出式菜单。
- vue-context - Vue.js的简单但灵活的上下文菜单。
- vue-simple-context-menu - 专为Vue构建的简单上下文菜单。适用于左击和右击。
- vue-context-menu-popup - Vue 2的上下文菜单弹出窗口。右击或在程序中触发。
- @kiyoaki_w/vue-context - 为Vue2定制的上下文菜单组件,支持Fontawesome图标。
- @overcoder/vue-context-menu - 极简上下文菜单。
杂项
- vue-gmaps - 使用Google Maps API搜索地点和地址。
- vuep - 一个实时编辑器和预览组件的Vue组件。
- vue-places - 基于Vue 2.x的places组件。将任何输入转换为地址自动补全。
- vue-password-strength-meter - Vue.js的基于zxcvbn的密码强度计。
- vue-float-label - Vue.js的浮点标签模式。
- vue-longpress - VueJS(2.x)按钮组件,需要用户持续按压以确认给定操作。
- vue-google-autocomplete - Vue.js(2.x)的Google Maps Places API自动建议组件。
- 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 - Vue.js(2.x)的Vuetify准备就绪的Google Maps Places API自动建议组件。
- vue-ripple-directive - 将Material Ripple效果作为Vue指令。
- vue-fab - Vue浮动操作按钮。
- vue-complexify - Vue.js的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 - Vue JS的规则编辑器、通用筛选UI、谓词组件。
- vue-mobile-detection - Vue.js原型函数
this.$isMobile()
,根据用户是否在使用移动设备返回布尔值。 -
vue-input-contenteditable - Vue的
contenteditable
组件包装,具备您通常期望的所有功能。制作美丽的输入,不受input[type='text']
限制。 -
vue-gmaps - 使用Google Maps API搜索地点和地址。
- vuep - 一个实时编辑器和预览组件的Vue组件。
- vue-places - 基于Vue 2.x的places组件。将任何输入转换为地址自动补全。
- vue-password-strength-meter - Vue.js的基于zxcvbn的密码强度计。
- vue-float-label - Vue.js的浮点标签模式。
- vue-longpress - VueJS(2.x)按钮组件,需要用户持续按压以确认给定操作。
- vue-google-autocomplete - Vue.js(2.x)的Google Maps Places API自动建议组件。
- 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 - Vue.js(2.x)的Vuetify准备就绪的Google Maps Places API自动建议组件。
- vue-ripple-directive - 将Material Ripple效果作为Vue指令。
- vue-fab - Vue浮动操作按钮。
- vue-complexify - Vue.js的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 - Vue JS的规则编辑器、通用筛选UI、谓词组件。
- vue-mobile-detection - Vue.js原型函数
this.$isMobile()
,根据用户是否在使用移动设备返回布尔值。 - vue-input-contenteditable - Vue的
contenteditable
组件包装,具备您通常期望的所有功能。制作美丽的输入,不受input[type='text']
限制。 - vue-credit-card - Vue组件,用于信用卡输入、遮罩和预览
- vue-simple-password-meter - 轻量级密码强度计,无需依赖
- vue-autosizer - Vue的轻量替代品,用于内置的
<textarea>
和<input>
元素,使它们能够自动拉伸以适应内容。 - vue-interactive-paycard - 功能丰富的信用卡表单,带有平滑且可爱的微交互。
- vue-paycard - 使用Vue.js制作的信用卡组件。
- vue-list-picker - 简单的列表选择器组件,使用Vue.js制作。
- vue-diagram-editor - 高度可定制的图表编辑器,具有基于插槽的节点(适用于vue^2.6)。
- v-use-places-autocomplete - 📍 Vue composable,用于Google Maps地点自动补全。
- vuetify-inline-fields - Vuetify内联字段组件库提供了全面的UI组件集合,用于在您的应用程序中创建优雅高效的内联表单字段。
导航器
- vue-form-wizard - 基于选项卡的组件,可以替换经典的bootstrap和jQuery表单向导
- vue-stepper - 简单的操作步骤,如下一步、上一步和结束,执行简单的表单。
- vue-stepper-component - 完全可定制的Stepper组件,支持Vuex和零依赖。
- vue3-form-wizard - Vue3-form-wizard是一个基于Vue的组件,无外部依赖,简化了标签向导管理。
CSV
- vuecsv - 一个简单的CSV下载器,从json中获取,并提供选项面板组件。
评论系统
- vue-comment-grid - 💬 基于CSS Grid和Firebase REST API + Authentication构建的可扩展Vue.js评论系统插件。
- fastcomments-vue - 💬 一个用于FastComments的Vue组件,FastComments是一个实时评论系统。
画布
- vue-easeljs - 一个基于HTML5画布元素的数据驱动控制库。
- vue-canvas-effect - Vue.js的简单画布效果集合。
- vue-konva - Vue与Canvas - 使用Vue绘制复杂画布图形的JavaScript库。
- vue-html2canvas - Vue混合方法,使用Html2Canvas捕获html并将其转换为图像。
- 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的电子签名组件
- v-perfect-signature - Vue 2和3的压力敏感签名绘制。
- vue-drawing-grid - 一个简单的画布网格,让您可以使用HTML5画布创建像素艺术。
链接预览
- link-prevue - 灵活的组件,用于生成链接预览。
教学
- vue-tour - 轻量级且可定制的教学插件
- vue-page-guide - 带有指令的页面教学/指南插件
- vue-stage-play - Vue3的逐步引导教学组件。
数据遮罩
- vue2-text-annotation - Vue 2.x组件,用于文本注释和手动数据遮罩
认证
- vue-auth-ui - 用户认证的预构建组件集
UI实用工具
事件处理
用户事件处理(滚动、点击、键盘击打等)
- 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指令,检测带去抖动和节流的resize事件。
- v-click-outside - Vue指令,对元素外点击做出反应,而不停止事件传播。
- vue-outside-events - Vue 2.x 指令,帮助指定元素监听其外部发生的特定事件。
- vue-selectable - Vue 1.x/2.x 指令,使项目可通过鼠标选择。
- vue-click-helper - Vue2.x 指令处理同一元素上的点击事件和双击事件。
- v-hotkey - Vue 2.x 指令,用于将热键绑定到组件。
- vue-resize - Vue 2.x 组件,检测 DOM 元素调整大小(基于事件/无窗口.onresize)。
- vue-observe-visibility - Vue 2.x 指令,使用 Intersection Observer API 检测元素是否可见(在视口内且未被 CSS 隐藏)。
- v-dragged - Vue 2.x 指令插件,用于检测拖动事件。
- vue-esc - Vue.js 指令,在 escape 键按下时添加文档事件监听器。
- 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 模板中声明式地接口窗口/文档的组件。
- v-on-page-video - Vue.js 指令,根据可视性变化更改 Video 元素的状态。
- vue3-click-outside - Vue 3 指令,在绑定元素之外点击时运行方法。
- vue-exit-intent - ✨ Vue Composable 处理用户的退出意图。
响应式设计
- vue-viewports - 定义自定义视口并在组件中使用它们。
- vue-responsive: Vue.js(2.x) 指令,使用 Bootstrap 4、3 或自定义断点隐藏/显示 HTML 元素。
- vue-match-media - Vue 2.x 兼容插件,为组件提供一致的语义化媒体查询方法。
- vue-media-query-mixin - Vue 2 媒体查询混合,可用于组件 JS 和组件模板。兼容 Bootstrap 和 vuetify 视口。
wXS
返回屏幕宽度为 xs,wSM
返回屏幕宽度为 sm 等... - vue-breakpoints - Vue 2 最小组件,根据断点显示/隐藏元素。受 Airbnb 启发。
- vue-mq - 提供一些有用的工具,以便使用语义化和移动优先的 API(Vue 2.x)快速设置响应式设计。
- VueResizeSensor - 支持 resize 事件的容器。
- vue-breakpoint-component - 一个无渲染组件的组件,用于构建 CSS 断点状态。
- fine-mq - 一个简单的 API,用于管理 JS 中的媒体查询,并作为 VueJS 插件与之 first-class 集成。
- vue-responsive-components - 使用
ResizeObserver
创建响应式组件。 - vue-screen-size - 轻松且反应灵敏地获取屏幕的宽度和高度。
- vue-container-query-2 - 一个智能的 Vue 插件,用于处理 CSS 容器查询。
- vue-component-media-queries - Vue 的 MatchMedia 组件库。
表单
- 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 自动聚焦指令。
- vue-awesome-form - Vue.js 组件,类似于 json-editor。
- vue-form-components - 清晰且极简的具有验证功能的 Vue 表单元素。
- v-ajax-form - Vue.js 组件插件,使 Form 标签与 AJAX 请求兼容。
- Vue Formulate - 使用Vue构建表单的最简单方法。验证、错误处理、表单生成、全面文档等。
- Reforms.js - Vue 3和Bootstrap表单和卡片生成器。验证、多字段、分组、模式等。
- FormKit - Vue 3表单开发。速度提升10倍。表单输入、验证、提交、错误处理、生成、辅助功能、主题等。
- vrf - 声明式的可扩展的基于标记的Vue表单。
- tracked-instance - 构建大型表单并跟踪所有更改。
验证
- 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 - Vue.js简单强大的验证。
- laravel-vue-validator - 从laravel验证规则中显示错误
- vue-daval - 超级Vue数据验证器。易用性、简单性、准确性。
- willvalidate - Vue.js的表单验证。
- vue-isyourpasswordsafe - 一个用Vue编写的简单实用程序,检查给定密码是否曾泄露到Have I Been 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 - Vue.js插件,添加了一个全局混入,可以从laravel错误响应中填充错误变量,并将其显示为对象或数组,也可以作为本地混入使用。
- vue-input-validator - 🛡️ 高度可扩展和可定制的Vue 2输入验证器。
- @vuito/vue - 简单、轻量、同构和基于模板的验证库。
- vue-tiny-validate - 微型(2.5KB压缩)Vue Validate组合。
- vest - 🦺 受单元测试启发的声明式表单验证框架。
- VFM - Vue驱动的表单管理工具。
- vorms - Vue Form Validate与Composition API结合。
改变大小
- vue-not-visible - Vue指令,用于在屏幕宽度小于断点时从DOM中移除元素(如v-if)。
- vue-window-size - 提供反应式窗口大小属性。
- vue-responsive-text - ↔组件,根据父节点的宽度缩放其子节点。
- v-hide - v-hide指令,配合v-if和v-show使用。在DOM中保留布局空间。
滚动
设置窗口滚动位置_
- vue-chat-scroll - Vue.js 2.0的自动滚动到底部指令。
- vue-scrollto - 添加一个指令,监听点击事件并滚动到元素。
- vue-next-level-scroll - 一个基于组件的和SSR准备的方法,使用现代滚动行为API实现平滑滚动。
- vue-scroll-sync - 一个组件,同步容器滚动位置。
- v-scroll-lock - Vue.js指令,用于锁定body滚动,而不破坏目标元素的滚动。
- vue2-perfect-scrollbar - PerfectScrollbar最小化封装。
- vue-scroll-to - 添加一个指令,监听点击事件并滚动到元素。
- vue-scroll-progressbar - 一个可自定义组件,指示滚动条的相对位置。
- vue-backtotop - Vue.js的返回顶部组件,点击时滚动页面到顶部。
虚拟滚动条_
- VBar - Vue 2x的虚拟响应式跨浏览器滚动条组件。
- Vuebar - Vue 2指令,用于使用原生滚动行为的自定义滚动条。轻量级、高性能、可定制且无依赖项。
- vue-detached-scrollbar - 一个简单的滚动条,可以从它所滚动的容器中分离出来。
- vuescroll - 基于Vue.js的滚动插件,用于统一PC和移动端的滚动效果。
- vue-simplebar - Vue.js对simplebar插件的包装。
- smooth-vuebar - Vue指令包装,用于smooth-scrollbar。
检测组件进入视口
- vue-scrollview - 利用作用域插槽检测Vue组件何时进入和离开视口。
- vue-scrollactive - 根据当前在视口中的部分,在菜单项中添加活动类,并点击菜单项时滚动到该部分。
- vue-intersect - Vue组件,为Vue组件或HTML元素添加intersection-observer。
- vue-scrollmonitor - Vue插件,监控视口内元素的可见状态,支持多种浏览器(使用provide/inject以确保兼容Vue@2.2.x)。
- vue-stroll - Vue.js 2.x的Awesome CSS3列表滚动效果组件。
- navscroll-js - 在滚动时突出显示菜单项,并在点击菜单项时滚动到相应部分。可以用作Vue组件、Vue指令或原生JavaScript。
- vue-scrollwatch - 轻量级插件,检测滚动事件,自定义回调当元素进入视口时,提供'scrollTo' API滚动到特定元素。使用Vue指令。
- vue-check-view - 一个插件,检查元素是否在视口中。快速、小巧、无依赖项,实时演示。
- vue-stickto - Vue指令,支持多个DOM节点自动粘附到顶部。
- vue2-scrollspy - 一个滚动监听插件和动画滚动。
- vue-trip-wire - 一个自定义指令,当元素到达视口中的指定点时触发函数,可以导入具有全局可访问函数的模块。
- v-intersect - Vue指令和组件,检测元素在视口中的可见性或隐藏性。
- vue-scrollama - Vue组件,轻松设置滚动驱动交互(又名scrollytelling)。
- vue-use-active-scroll - 不打折扣地突出Vue 3菜单栏/侧边栏链接。
自定义滚动行为
- vue-scroll-behavior - 路由导航时自定义滚动行为。特别是哈希模式。
- vue-scroll-stop - 边缘到达时停止滚动传播。
无缝滚动
- vue-seamless-scroll - Vue.js的简单无缝滚动。
路由
- vue-router - Vue.js官方路由器。
- vue-router-storage - Vue.js 2和vue-router 2的路由器存储与解析解决方案。
- vue-tidyroutes - Vue.js的去中心化路由定义。
- 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.js路由器,能够管理history.state。
- vue-lang-router - Vue.js 2和3的语言路由,可选的URL本地化。
- vue-router-compositions - Vue-Router和Vue Composition API的util包。
- vue-middleware - Vue中间件。
- vue-router-webcache - 在谷歌/yandex/etc网速下启用spa路由。
- v-route-generate - 为vue-router 4.x生成路由的工具。
- kitbag/router - Vue.js的类型安全路由器。
- unplugin-vue-router - Vue Router下一代基于文件的类型化路由。
懒加载
- 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 - 使用IntersectionObserver API实现轻量级过渡式图片懒加载组件,适用于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 - Vue插件,用于vanilla-lazyload。
- vue-lazy-loading - Vue插件,更好地支持原生图片和iframe的懒加载。
- v-lazy-component - Vue组件,在可见时渲染。使用Intersection Observer API。
- vue-lazy - 基于Intersection API的轻量级图片/Picture懒加载。
- vue3-lazyload - Vue模块,用于在Vue 3应用程序中进行图像懒加载。
分页
- vue-paginate - Vue.js的简单分页插件。
- vue-pagination-2 - Vue.js 2的分页组件。
- vuejs-uib-pagination - Vue.js的最佳且完整的分页插件。受Angular Bootstrap分页启发。
- vuejs-paginate - Vue.js(v2.x+)创建分页的组件。
- vue-pagination-bootstrap - Vue.js(1.x & 2.x)服务器端分页组件,基于Bootstrap模板。
- laravel-vue-semantic-ui-pagination - Vue.js 2.x与Laravel和Semantic-UI一起使用的分页。
- vue-paginate-al - 返回数据的Vue分页。
- vue-tiny-pagination - 创建小型分页器的Vue组件。
- laravel-vue-pagination - 适用于Bootstrap的Vue.js分页组件,用于Laravel分页器。
- vue-lpage - 基于Vue2.x的低级分页组件。
- v-page - 简单的分页条,包括长度菜单,支持国际化,基于Vue2.x。
- vue-smart-pagination - 适用于任何数据的智能分页,具有许多漂亮的设置。
- vue-paginatron - 使用scoped-slot props构建的具有最大灵活性的分页组件。
- vue-ads-pagination - 使用CSS框架
tailwindcss
构建的Vue分页组件。 - v-pagy - Vue的轻量级且可定制的Bootstrap分页器。
- v-paginator - 基于您的HTML模板,为Vue.js提供简单的逐页导航,支持服务器端渲染。
- vue-use-paginator - Vue 3使用钩子动态分页数据并排列分页按钮。完全无渲染。
- vueginate - Vue 3的简单分页组件。
动画
- vue-animate - Vue.js版本的Animate.css。用于与Vue内置过渡配合使用。
- animated-vue - Vue.js 2.x插件,轻松将Animate.css动画作为过渡效果使用。就像
<animated-tada>
一样! - vue-lottie - Vue.js 2.x插件,基于bodymovin渲染基于After Effects的效果动画。
- Vueg - 让vue-router具有过渡效果/为webApp提供转场特效的开源Vue插件
- v-animate-css - 实现Vue 2指令的最简单方法,用于Animate.css
- vue-mixin-tween - 为组件上下文添加动画值的混入工厂
- 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 是一个基于 Vue.js 的幻灯片框架。
- vue-slide-up-down-component 它是一个简单但实现非常灵活且强大的幻灯片动画库,适用于 Vue!
- femtoTween 一个极简的(零依赖,少于 1k)动画库,支持 Vue!
- vue-sequential-entrance 插件用于创建优雅的顺序动画入口,适用于页面上的元素列表。零操作。简单轻量级。
- vue-animate-scroll 轻量级方法,用于在元素滚动进入视图时添加 CSS 动画。
- vue-svg-transition 创建 2 状态、SVG 驱动的转换。
- vue-page-transition 简单易用的 Vue.js 路由/页面转换插件。
- Vuenime 一个灵活的 Vue 绑定到 Animejs 的库。
- vue-flipper - 一个组件,可以使用漂亮的过渡来翻转子元素。
- v-number Vue.js 的动画数字过渡库。
- vue-kinesis 一套组件,用于创建交互式动画。
- vue-digital-transform Vue.js 的更好数字转换动画组件。
- vue-typical 🐡 Vue 动态打字效果,用不到 400 字节的 JavaScript。
- vue3-lottie Vue 3 中导入和显示 Lottie 动画的组件。
- @morev/vue-transitions Vue 2 和 3 的转换库,无需 CSS。
- @formkit/auto-animate 用一行代码为应用添加运动。
- vue-contextual-transition 在共享元素和/或顺序顺序下,轻松地在页面之间进行跨浏览器转换。
- blottie Vue 3 的 Lottie 组件。
- vue-countup-v3 Vue 3 的动画计数组件。
- vue-starport 🛰 路由间共享组件,带有动画。
Meta Tags
在文档头部管理元数据
- vue-head - 简单易用的 head 标签元数据管理器。
- vue-meta - Vue 2.0 组件中的页面元数据管理。支持服务器渲染和流式传输。
- vue-headful - 从视图中设置文档
<title>
和元标签。 - vue-simple-headful - 使用 Vue.js 轻松设置元标签,一个更简单的
vue-headful
替代方案,支持 TypeScript。
Portal
将 DOM 节点移动到目标 DOM 节点
- vue-dom-portal - Vue.js 组件中 DOM 元素的逃生舱。
- portal-vue - Vue 插件,可以在 DOM 的任何地方渲染组件的模板(在虚拟 DOM 层工作,不会移动 DOM 内部的节点)。
Filters
- vue2-filters - Vue 1.x 的一系列标准过滤器适配到 Vue 2.x。
- vue-morphling - Vue 2.x 的一系列标准过滤器和自定义过滤器。
- vue-currency-filter - 轻量级且可定制的 Vue 2 数字过滤器。
- vue-trans - 一个简单的过滤器,提供类似的方式翻译到 Symfony 的 trans。
- vue-string-filter - Vue 2.x 的轻量级字符串操作过滤器。
- vue-units - Vue 2.x 中可用的便捷单位转换过滤器集合。
- vue-numeral-filter - Vue 2.x 的过滤器集合,允许在组件的模板部分使用 Numeral.js。
- vue-filter-date-format - Vue 2.x 的简单日期过滤器。
- vue-filter-pluralize - Vue 2.x 的简单复数形式过滤器。
- vue-filter-date-parse - Vue 2.x 的简单日期解析过滤器。
SVG
- vue-svgicon - 一个创建 svg 图标组件的工具。(针对 Vue 2.x)
- vue-content-loading - Vue.js 2.0 指令,用于检测图像加载情况。
- vue-visible - VueJS (2.x) 的 v-visible 指令,类似于 v-show,但用于可见性。
- vue-resize-sensor - 基于事件的组件,用于检测容器的大小调整。
- v-blur - Vue 指令,用于动态使元素模糊。
- vue-async-methods - 用于基于承诺的方法的辅助实用程序。
- vue-openseadragon - Vue.js 组件,用于 OpenSeaDragon(缩放和平移)。
- vue-match-heights - 指令,用于设置元素的高度相同。
- vue-conditional-attrs - Vue.js 组件,用于条件渲染属性和指令。
- vue-cbsc - Vue.js 2.x 组件,用于编程混合、着色器和转换颜色。
- vue-spatialnavigation - Vue 指令(Vue.js 2.x),用于空间导航(键盘导航)。
- vue-lifecycle - Vue.js 生命周期指令。
- v-aspect-ratio - Vue.js 指令,用于设置宽高比。
- @kooljay82/vue-m-camera - 避免自动更改用户设备相机拍摄的照片方向。
- v-ripple-directive - Vue.js 指令,用于波纹效果。
- vue-material-design-ripple - 为任何元素添加 material design 波纹效果。使用您想要的任何波纹颜色。无性能问题。移动友好。无依赖项。它只是工作。
- v-github-icon - 在您的 Vue 组件/库演示的右侧/左侧轻松添加“that”微小的 GitHub 图标 🤙
- vue-styled-shadows - 基于组件的图像样式阴影图案。
- v-visible - Vue.js 指令,用于设置元素的可见性。
- vue-web-otp - Vue.js 组件,用于使用浏览器的 WebOTP API 接收通过短信发送的 OTPs
- v-privacy - Vue3 插件,允许通过模糊其内容来管理 HTML 元素的隐私。
WebGL
- vue-3d-model - Vue 组件中的 3D 模型查看器。
- vue-pano - Vue 组件中的全景查看器。
- vue-threejs - Vue 与 Three.js 的绑定。
- VueGL - Vue.js 组件,通过 three.js 反应式渲染 3D 图形。
- vue-vr - 基于 threejs 和 Panolens 的框架,用于构建 Vue 的 VR 应用程序,受 react-vr 的启发。
- vue-displacement-slideshow - Vue.js 组件,使 Webgl 图像置换过渡更容易。
- vue-fake3d-image-effect - 为具有深度图的 WebGL 图像提供交互式 3D 假效果。
- drie - Vue 3 组件库,受 react-three-fiber 启发。
- TresJs - 使用 Vue 组件的声明式 ThreeJS。
- Cientos - TresJs 的有用助手集合,以及完全功能化的现成抽象。
- trois - ✨ ThreeJS + VueJS 3 + ViteJS ⚡
全屏
- vue-fullscreen - 简单的 Vue 组件,用于全屏,支持 Vue2 和 Vue3。
页面可见性
- vue-page-visibility-awesome - Vue 2.x 的易于配置的页面可见性 API 组件。
- vue-authplugin - 优雅的视图授权控制插件,支持指令和原型方法。
打印
- vue-html-to-paper - Vue 混合,用于将 HTML 元素打印到纸张上。
- vue-to-print - 在浏览器中打印 Vue 3 组件。支持 Chrome、Safari、Firefox 和 EDGE。
工具
不直接与 UI 相关的工具
- vue-underscore - 简单的 Vue 插件,用于实现 underscore。
- vue-lazy-calc - 一种简单的计算插件,采用懒加载和链式方式,强类型。
- vue-loadable - 一个插件,通过简单的方法、装饰器和助手改善加载状态控制。
- vue-use - 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 API 提供许多可重用的逻辑,如表单、表格和加载等。
- vue-concurrency - 封装异步操作并管理 Vue 和 Composition API 的并发性的库。
- vue-ics - Vue.js 插件,用于生成 ICalendar (.ics) 文件。
- 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 - 🛠️ Vue 3插件,用于监控Vuex存储(也支持时间旅行)。
- vuse-rx - 完全的Vue 3一级rxjs支持。
- vue-props-validation - 使用Vue原生语法为嵌套对象和数组中的验证提取Vue props验证逻辑。
- vue-next-rx - Vue.js的完整RxJS集成。(更新vue-rx)
- fontawesome-autogen - 自动检测并导入您webapp中使用的fontawesome图标。
- vue-macros - 探索并扩展更多宏和Vue语法糖。
- unplugin-vue-components - 📱 Vue的按需组件自动导入。
- unplugin-auto-import - Vite、Webpack和Rollup上按需导入Vue APIs。
TypeScript
- vue-typed - 帮助您轻松编写Vue组件的ECMAScript / TypeScript装饰器集合。
- vue-typescript - 使Vue感觉更像TypeScript的TypeScript装饰器。
- vue-property-decorator - Vue.js和属性装饰器。
- vue-typescript-component - 装饰器,用于将TypeScript类用作Vue.js 2.0组件。
- vue-typescript-import-dts - 允许使用.vue文件的TypeScript声明文件。
- vue-ts-loader - 在vue-loader中进行类型检查。
- vue-mixin-decorator - 强类型Mixins的TypeScript装饰器。
- vue-ts-component-generator - 一个简单的命令行工具,用于生成vue typescript组件。
- vue-local-storage-decorator - 通过装饰器格式使用localStorage进行数据持久化。
- vuex-module-decorators - 类型安全Vue模块的TypeScript/ES7装饰器,受vue-class-component启发。
- vuex-class-modules - 为Vue模块引入简单类型安全的类风格语法,受vue-class-component启发。
- vue-corator - Vue typescript装饰器实用程序。
- vuedts - 为.vue文件生成TypeScript声明文件。
- @icare-jp/vue-props-type - 帮助定义props类型。
- vue-facing-decorator - Vue 3类型script类组件装饰器,如Vue 2中的
vue-property-decorator
。
HTTP请求
Retrieve data over HTTP
- vue-resource - Vue.js的HTTP客户端。
- vue-async-computed - Vue.js的异步计算属性。
- vue-jsonp - 处理JSONP请求的小型库。
- 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 - 一个具有防抖、转换结果、错误处理、加载/待处理标志、懒惰/积极请求支持的
asyncData
和asyncComputed
插件。 - vue-axios-plugin - 将axios与Vue.js结合的插件,使HTTP请求更容易。
- zipkin-instrumentation-vue-resource -
vue-resource
的拦截器,用Zipkin对发出的HTTP请求进行仪器化。 - vue-api-query - 构建REST API请求的优雅简单方法。
- vue-chimera - 一个功能齐全的基于REST的资源客户端,兼容Nuxt.js,并允许服务器端获取。
- vue-apis - 一个与axios集成的vue插件,通过上下文提供链式构建API实例。可以在vue实例的上下文中使用(例如:this.$apis.apiName())。
- rexios - axios使用rest api请求时,对url、数据和参数进行规范化处理的工具。
- vue-axillo - 使用查询符号GraphQL的REST API的可组合Axios。
- vue-request - Vue 3数据获取的composable,支持SWR、轮询、错误重试、缓存请求、分页和其他很酷的功能。
- swrv - Vue的stale-while-revalidate数据获取插件。
- vue-vroom - 一个用于REST API的插件,让您能够快速生成类型安全的存储和最小配置的模拟API。
- tanstack-query - 强大的异步状态管理。
国际化(i18n)
国际化/本地化/本地化/翻译
- 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 - 使用Intl在Vue.js 2中实现翻译并支持typescript的插件。
- vue-i18next - Vue.js 2的i18next包装器,以支持翻译。
- 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 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应用程序的全局Intl包装器🔊
- excel-vue-i18n - 一个插件将Excel文件转换为i18n json格式以便翻译。
- vue-i18n-lite - 一个超级轻量级且极简的插件,通过简单的API为您的Vue.js应用程序引入国际化。
- v-google-translate - 使用google translate进行国际化的Vue.js组件。
- fluent-vue - Vue.js(2和3)的国际化插件。Vue.js集成Fluent.js - JavaScript实现的Project Fluent
- localize-vue-2x - Vue 2集成Uni Localization示例。使用Web Components构建的可定制语言菜单小部件。
- localize-vue-3x - Vue 3集成Uni Localization示例。使用Web Components构建的可定制语言菜单小部件。
- vue-next-i18n - Vue 3的轻量级国际化插件。
- tolgee/vue - 基于Web的本地化工具,使用户能够在他们开发的Vue 3应用程序中进行直接翻译。
- excel-to-json - 创建了一个易于使用的工具,将Excel转换为JSON以便进行i18n。
- intlify/vue-i18n-next - Vue I18n for Vue 3。
- i18n-pro/vue - 轻量级、简单、灵活、自动翻译国际化工具,适用于Vue。
- i18n-pro/vue2 - Vue 2的轻量级、简单、灵活、自动翻译国际化工具。
自定义事件
- vue-events - Vue.js的简单事件处理。
- vue-event-handler - VueJS的事件处理插件。
- vue-event-manager - Vue.js的全局事件管理器。
- vue-geb - 使用Observables的全局事件总线。
- vue-bus - Vue.js 2的轻量级简单中心事件总线插件。
- vue-simple-events - 另一个事件管理插件,但没有Vue实例
- vue-option-events - 将Vue.js 1的事件选项和$emit带到Vue.js 2。
- vue-emit - 一个帮助函数,用于从功能性组件中发出事件。
- vue-plugin-events - Vue.js应用程序的简单全局事件总线,具有自动订阅控制。
- vue3-custom-hooks - 为Vue.js 3 Composition API构建自定义钩子。
- vue-catch-hrefs - 在v-html中捕获href链接点击事件并将其路由到vue-router。
- mitt - 🥊 纤细的200字节功能型事件发射器/发布订阅。
持久化
LocalStorage 等
- vue-localstorage - Vue.js localStorage插件,支持类型。
- vue-ls - Vue插件,用于从Vue上下文中使用LocalStorage。
- vue-pouch - PouchDB的实时和响应式绑定。仅在IndexedDB中使用Dexie.js存储数据,并与CouchDB同步。
- vue-idb - 使用IndexedDB(Dexie.js)管理列表和巨大列表,也可以自动创建和可扩展的Vuex模块。
- vue-browserstore - 浏览器存储包装器。
- VueStorage - 允许组件跨浏览器会话保存和加载其数据。
- vue-web-storage - Vue.js的另一个localStorage和sessionStorage插件。
- vue-universal-cookies - Vue.js/Nuxt.js的同构cookies插件,支持Browser、Express、http(node)。
- vue2-storage - Vue.js应用程序的浏览器存储。
- vue-warehouse - Vue.js和Nuxt.js的跨浏览器存储,支持插件并基于Store.js易于扩展。
- vue-storage-watcher / Vue 3版本 - Vue.js的强类型reactive localStorage/sessionStorage插件,适用于Vue 2 / Vue 3。
- vue-use-local-storage - Vue 3的composition api,用于将反应式数据持久化和重新润湿到localStorage。
状态管理
- vuex - Vue.js中心化的状态管理。
- vue-sync - 将Vue状态与浏览器URL、服务器后端和其他端点同步。
- vuelm - 受Elm架构启发的轻量级状态管理。
- vuez - Vue.js的简单但强大的状态管理,仅使用2个API。
- vuet - Vue.js的状态管理模型,适用于敏捷开发。
- vue-ya-stash - 类似于v-bind.sync的带有更新/修补事件发射器的另一个stash存储。
- vue-assign-model - 自动将元素的值分配给Vue.js的模型。
- vue-stash - 轻松在Vue组件之间共享反应式数据。
- vue-model - Vue.js的模型组件。
- tuex - Vuex的一个非常合理的替代方案。
- revuejs - Vue.js 2的轻量级、简单且方便的状态管理库,编写更少的冗长代码。
- lue - 基于Vue和Vuex的库,编写更少的冗长代码。
- vuex-lite - 一个仅包含状态和Mutations的1KB Vuex。
- vue-shared - Vuex的一个轻量级简单替代方案。
- vuex-module-generator - 您可以轻松创建Vuex模块。
- vuex-declaration - 声明状态如同props一样,在组件创建时动态地将状态注入Vuex。
- vuex-up - 为模块Vuex带来混合和服务的注入器特性。
- effector — 快速而强大的反应式状态管理器。Effector让您能够编写简单、快速且类型安全的代码,并轻松管理反应式状态。
- nano-state-vue - 高效、有效且可扩展的状态管理:越少越好
- universal-model-vue - Vue(以及Angular/React/Svelte)统一的状态管理。
- vue-states - Vue的状态管理系统,具有与Vue组件相同的API。
- v-bucket - 📦 Vue 3.0的快速、简单且轻量级的状态管理,基于组合API,受Vuex启发。
- VueFort - Vue的数据建模。适用于Vue 2和3。
- @korijn/vue-store - 轻量级Vue 3组合API兼容的存储模式库,带撤销/重做功能。
- vuex-light - Vue 3的强类型状态管理系统。
- vue-object-state - 简单的对象/dto/model状态跟踪。
- vue-datatable-url-sync - 通过url同步表格选项和过滤器,即使刷新或导航后也能保持用户偏好。
- vue-path-store - 使用点表示法路径语法进行简单状态管理的状态管理系统,附带Vuex和Pinia插件。
- pinia - 🍍 Vue的直观、类型安全、轻量级且灵活的Store,使用组合API,并支持DevTools。
- harlem - Vue 3的简单、无偏见、轻量级且可扩展的状态管理。
- vue3-middleware - Vue 3中间件,提供中间件和插件支持,无需依赖插件即可轻松添加新功能。
- vue3-async-data - Vue 3异步数据获取和处理。
- vue3-axios - Vue 3的axios集成,提供拦截器、错误处理和请求和响应拦截器。
- vue3-i18n - Vue 3国际化,支持多语言和上下文感知的导航。
- vue3-router - Vue 3路由系统,提供动态路由、嵌套路由和路由守卫等功能。
- vue3-store - Vue 3的Vuex存储,提供状态管理、模块化和插件支持。
- vue3-async-computed - Vue 3异步计算属性,允许您编写更高效、可预测的计算属性。
- vue3-watchers - Vue 3观察者模式,提供响应式数据更新和状态管理。
- vue3-testing-library - Vue 3测试库,提供无障碍和可访问的API来测试Vue组件。
- vue3-axios - Vue 3的axios集成,提供拦截器、错误处理和请求和响应拦截器。
- vue3-i18n - Vue 3国际化,支持多语言和上下文感知的导航。
- vue3-router - Vue 3路由系统,提供动态路由、嵌套路由和路由守卫等功能。
- vue3-store - Vue 3的Vuex存储,提供状态管理、模块化和插件支持。
- vue3-async-computed - Vue 3异步计算属性,允许您编写更高效、可预测的计算属性。
- vue3-watchers - Vue 3观察者模式,提供响应式数据更新和状态管理。
- vue3-testing-library - Vue 3测试库,提供无障碍和可访问的API来测试Vue组件。
- vue3-axios - Vue 3的axios集成,提供拦截器、错误处理和请求和响应拦截器。
- vue3-i18n - Vue 3国际化,支持多语言和上下文感知的导航。
- vue3-router - Vue 3路由系统,提供动态路由、嵌套路由和路由守卫等功能。
- vue3-store - Vue 3的Vuex存储,提供状态管理、模块化和插件支持。
- vue3-async-computed - Vue 3异步计算属性,允许您编写更高效、可预测的计算属性。
- vue3-watchers - Vue 3观察者模式,提供响应式数据更新和状态管理。
- vue3-testing-library - Vue 3测试库,提供无障碍和可访问的API来测试Vue组件。
- vue3-axios - Vue 3的axios集成,提供拦截器、错误处理和请求和响应拦截器。
- vue3-i18n - Vue 3国际化,支持多语言和上下文感知的导航。
- vue3-router - Vue 3路由系统,提供动态路由、嵌套路由和路由守卫等功能。
- vue3-store - Vue 3的Vuex存储,提供状态管理、模块化和插件支持。
- vue3-async-computed - Vue 3异步计算属性,允许您编写更高效、可预测的计算属性。
- vue3-watchers - Vue 3观察者模式,提供响应式数据更新和状态管理。
- vue3-testing-library - Vue 3测试库,提供无障碍和可访问的API来测试Vue组件。
- vue3-axios - Vue 3的axios集成,提供拦截器、错误处理和请求和响应拦截器。
- vue3-i18n - Vue 3国际化,支持多语言和上下文感知的导航。
- vue3-router - Vue 3路由系统,提供动态路由、嵌套路由和路由守卫等功能。
- vue3-store - Vue 3的Vuex存储,提供状态管理、模块化和插件支持。
- vue3-async-computed - Vue 3异步计算属性,允许您编写更高效、可预测的计算属性。
- vue3-watchers - Vue 3观察者模式,提供响应式数据更新和状态管理。
- vue3-testing-library - Vue 3测试库,提供无障碍和可访问的API来测试Vue组件。
- vue3-axios - Vue 3的axios集成,提供拦截器、错误处理和请求和响应拦截器。
- vue3-i18n - Vue 3国际化,支持多语言和上下文感知的导航。
- vue3-router - Vue 3路由系统,提供动态路由、嵌套路由和路由守卫等功能。
- vue3-store - Vue 3的Vuex存储,提供状态管理、模块化和插件支持。
- vue3-async-computed - Vue 3异步计算属性,允许您编写更高效、可预测的计算属性。
- vue3-watchers - Vue 3观察者模式,提供响应式数据更新和状态管理。
- vue3-testing-library - Vue 3测试库,提供无障碍和可访问的API来测试Vue组件。
- vue3-axios - Vue 3的axios集成,提供拦截器、错误处理和请求和响应拦截器。
- vue3-i18n - Vue 3国际化,支持多语言和上下文感知的导航。
- vue3-router - Vue 3路由系统,提供动态路由、嵌套路由和路由守卫等功能。
- vue3-store - Vue 3的Vuex存储,提供状态管理、模块化和插件支持。
- vue3-async-computed - Vue 3异步计算属性,允许您编写更高效、可预测的计算属性,
- vue3-watchers - Vue 3观察者模式,提供响应式数据更新和状态管理。
- vue3-testing-library - Vue 3测试库,提供无障碍和可访问的API来测试Vue组件。
- vue3-axios - Vue 3的axios集成,提供拦截器、错误处理和请求和响应拦截器。
- vue3-i18n - Vue 3国际化,支持多语言和上下文感知的导航。
- vue3-router - Vue 3路由系统,提供动态路由、嵌套路由和路由守卫等功能。
- vue3-store - Vue 3的Vuex存储,提供状态管理、模块化和插件支持。
- vue3-async-computed - Vue 3异步计算属性,允许您编写更高效、可预测的计算属性。
- vue3-watchers - Vue 3观察者模式,提供响应式数据更新和状态管理。
- vue3-testing-library - Vue 3测试库,提供无障碍和可访问的API来测试Vue组件。
- vue3-axios - Vue 3的axios集成,提供拦截器、错误处理和请求和响应拦截器。
- vue3-i18n - Vue 3国际化,支持多语言和上下文感知的导航。
- vue3-router - Vue 3路由系统,提供动态
- hami-vuex - 🍈 哈密瓜味的Vuex,模块化设计,完全TypeScript智能,Vue.js的状态管理。
- exome - 简单的基于代理的状态管理器,用于深层次的嵌套状态。
Redux
- vuedeux - Vue & Redux的绑定解决方案。
- redux-store-mixin - 用于在vue-component的方法中集成action creators的mixin
- vue-redux-prepare-props - 使用Vuex和Vuedeux在Vue.js中准备Redux prop的辅助函数
- vuejs-redux - Vue和Redux的高阶组件工具。
- vuex-coolstory - Vuex的插件,用于运行redux-saga。
Mobx
- movue - Vue.js的Mobx集成。
- vue-mobx - Vuejs 2.x的Mobx绑定。
- mobx-vue-lite - 基于Composition API的轻量级Vue 3绑定,用于MobX。
Pinia
- pinia-shared-state - 一个轻量级的插件,用于跨浏览器标签同步pinia状态。
- pinia-undo - Pinia的撤销/重做插件。
- pinia-xstate - 将你的xstate状态机放入全局的pinia存储中。
- pinia-persistedstate - 使用localStorage持久化Vuex状态,类似于vuex-persistedstate。
- pinia-orm - Pinia插件,用于实现对Pinia Store的对象关系映射访问。🍍
- pinia-di - Pinia的依赖注入。
- pinia-persistedstate-2 - 在页面重新加载之间持久化和恢复你的Pinia状态。
Authentication/Authorization
- vue-kindergarten
- vue-authenticate - 简单的Vue.js登录/注册库和OAuth(1.0/2.0)认证
- vue-facebook-account-kit - 简单的Vue包装器,用于fb account kit库。
- casl-vue - 限制给定用户允许访问的资源
- vue-google-api - 基于承诺的简单集成Google API客户端到任何Vue.js 2项目,内置OAuth2“使用Google登录”的功能。
- vue-auth - Vue.js的一个简单轻量级认证库
- vue-auth-plugin - 使用TypeScript的Vue.js简单认证和授权库
- vue-google-signin-button - Vue.js的一个简单插件,用于将Google登录按钮包含到您的网页应用中
- vue-facebook-signin-button - Vue.js的一个简单插件,用于将自定义Facebook登录按钮包含到您的网页应用中
- vue-auth-href - VueJS指令,用于下载受保护路由模式下的文件
- vue-msal - Vue.js插件,用于使用Microsoft Authentication Library (MSAL)
- vue-simple-acl - Vue.js的一个简单无偏见插件,用于管理用户角色和权限,访问控制列表(ACL)和基于角色的访问控制(RBAC)。
Vuex Utilities
- vuex-persistedstate - 使用localStorage持久化Vuex状态。
- vuex-plugin-jsdata - 一个将Vuex存储与js-data同步的插件。
- vuex-local - Vuex中的本地状态管理。
- vuex-action - Vuex轻松创建和管理操作的实用程序。
- vuex-rest-api - 一个简化了与Vuex一起使用REST API的助手实用程序。基于axios。
- vuex-cache - Vuex插件实用程序,用于缓存将进行远程请求的操作。
- vuex-persist - 一个类型安全的Vuex插件,帮助将存储保存到localStorage或您可配置的任何自定义存储中。
- vuex-local-state - 向Vuex添加'localState/sessionState'选项。保持Vuex状态与localStorage。
- vuex-action-reload - 一个Vuex插件,在满足条件时重新加载操作。
- vuejs-storage - Vue.js和Vuex插件,用于使用localStorage/sessionStorage持久化数据。
- vuex-orm - Vuex插件,用于实现对Vuex Store的对象关系映射访问。
- vuex-async-module - 减少生成Vuex模块的异步样板代码。兼容Vue 2.x。
- vuex-iframe-sync - Vuex状态在iframe/windows之间的同步。
- vuex-aspect - 将任何类型的远程数据绑定到Vuex存储。
- Vuenut - 是一个更快、更流畅地开发组件的组件。
- vuex-map-fields - 为表单字段启用双向数据绑定。
- vuex-search - 客户端搜索的Vuex绑定,带有索引器和Web Workers。
- vuex-pathify - 提供统一的路径语法到 Vuex 存储(如
foo/bar@a.b.c
) - vuex-loading - 简化 Vuex 加载状态管理
- vuex-module-builder - Vuex 模块构建器是一个高效编写 Vuex 存储的包装器,内置一些常用方法。
- vuex-pagination - 在您的 Vue/Vuex 应用程序中轻松处理分页资源。与大多数 Vue 分页组件配合良好。
- vuex-easy-firestore - 简单地将 Firebase Cloud Firestore 和 Vuex 进行耦合。双向同步,零样板!
- vuex-listener - 全局 Vuex 操作和变异监听插件
- jsonapi-vuex - 使用 JSONAPI API 和 Vuex 存储,在 Vue.js 中进行客户端重构/规范化记录。
- vuexi - 提供工具简化异步操作和状态管理
- stfalcon-vuex-loading-plugin - 处理 Vuex 加载状态的简易方法
- Vue Rest Resource - Vue.js 和 Vuex 项目的 REST HTTP 资源管理。
- Vuex Stateshot - 📸 Vuex 3.1+ 的操作/变异状态快照插件。
- vuex-loopback - Vuex 模块工厂和 Vue 组件用于 Loopback。
- vuex-state-snapshot - Vuex 插件,在变异时拍摄状态快照。
- vuex-awesome-async - 将 Vuex 存储包装起来以轻松管理异步请求(加载、错误和缓存状态)。
- vuex-factories - 生成 Vuex 操作和变异的工厂函数。
- vuex-hooks - TypeScript 支持的 Vuex 组合 API 角色。
- vuex-composition - 一个用于轻松使用 Vuex 和组合 API 和响应式 API 的实用程序包。
- vuex-composition-helpers - 一个用于轻松使用 Vuex 的实用程序包。
- vuex-ts-enhance - 一个增强
mapXXX
和dispatch
方法提示的工具 - vuex-masked-modules - Vuex 插件,将模块的数据结构存储在 localStorage 中,并能够掩盖或加密数据,使其难以探索。专为 Vue 3 和 Vuex 4 设计。
标签间的同步
- vuex-basement - Vuex 状态持久化和标签/窗口之间的同步。
- vuex-shared-mutations - 在标签/窗口之间共享 Vuex 变异。
- vuex-multi-tab-state - 使用此插件为 Vuex 在多个标签之间共享和同步状态。
GraphQL
- vue-apollo - VueJS 的 Apollo/GraphQL 集成。
- vue-relay - 构建基于 GraphQL 的 Vue.js 应用的框架。
- vuex-orm-apollo - Vuex-ORM 的 Apollo/GraphQL 集成。
- apollo-vue-devtools - Vue-Devtools 的 Apollo 集成,用于在 vue-devtools 时间线上检查 GraphQL 查询。
并发管理
- vuency - Vue.js 的并发管理。
代码风格
提高代码可读性
- vue-types - Vue Prop Types 定义。
- vue-factory - Vue.js 的简单工厂/提供者扩展,类似于 Angular 中的服务。
- eslint-plugin-vue - Vue.js 项目的 ESLint 插件。
- vue-decorators - Vue.js 的装饰器(测试版)。
- vue-computed-helpers - Vue.js 应用的计算辅助函数
- vert - 用于构建 Vue 应用的 OOP 库。
- vue-slot-checker - 提供检查插槽的函数,就像检查 props 一样。
- vue-ts-types - 轻量级 TypeScript 首选的 Vue Prop 类型定义。
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 混合,适用于灵活性且团队导向。
- j-vue
- vue-spinners-css - Vue.js 的纯 CSS 微调器组件集合,基于 loading.io 的 ajax 或加载动画的 css 微调器。
- vue-css-doodle - 将 css-doodle(一种使用 CSS 的 Web 组件)移植到 Vue。
资产管理
构建/编译/打包/加载资产的工具
- vue-script2 - 为你的单页面应用提供标准化的、设计师友好的脚本标签行为。
- vue-loader - Webpack加载器,用于Vue.js组件。
- vueify - 单文件Vue组件的Browserify转换器。
- vue-compiler - 一个简单的命令行包装器,用于vue-component-compiler。
- vue-brunch - 为Brunch添加对单文件Vue组件的预编译支持。
- poi - 使用单个.js文件开始编写应用程序,Poi可以为您处理所有开发设置,不再有配置地狱。
- http-vue-loader - 直接从html/js中加载.vue文件,无需node.js环境或构建步骤。
- vue-jsx-hot-loader - 为使用JSX渲染函数的Vue.js组件启用热模块替换。
- VueInBrowserLoader - 从给定的URL加载.vue文件,并直接在浏览器中编译成组件。
- vue-separate-files-webpack-loader - Webpack加载器,用于分离的Vue组件部分
- vue-svg-loader - 允许您使用SVG文件作为Vue组件的webpack加载器
- vue-registrar - ☘️ 一个动态注册您的组件和Vuex模块的包 - 使您的代码更易读!
- vue-automatic-import-loader - webpack加载器,通过使用匹配函数自动导入您的Vue单文件组件。
- vue-aimg-loader - 在Vue模板中使用图像的简便方法,无需编写CSS。
- vite-svg-loader - Vite插件,用于将SVG文件作为Vue组件加载
- vue-sfc-split - 将SFC转换为原生浏览器使用,无需构建
- webpack-plugin-qiniu-upload - Vue3,webpack-plugin-qiniu-upload用于qiniu(七牛)|aws(亚马逊)云上传。支持@vue/cli-service 5.0.x
- vite-plugin-svg-sfc Vite插件,用于将SVG文件作为vue SFC加载,支持HMR &