优秀项目征集

[febobo]

欢迎推荐，自荐Vue相关的优秀项目到我们首页，可以在本贴下面通过如下格式进行盖楼，我们将在审核后进行统一更新

参考格式

• 项目名称
• 项目描述（100字内）
• 推荐理由（100字内）

[Zippowxk]

• vue-vconsole-devtools
• vue-devtools 嵌入vconsole插件 ，在移动端获得官方debug体验
• 无需安装浏览器工具，Safari兼容，微信浏览器兼容，支持Vue2 Vue3
• 

[Zippowxk]

• vue-router-keep-alive-helper
• Vue 2.x keep-alive页面缓存自动管理插件 （缓存页面堆栈式管理插件）
• 模拟移动端原生堆栈式缓存管理方式，返回自动销毁栈顶页面，无侵入代码，一行搞定缓存管理
• 

[Zippowxk]

• stack-keep-alive
• Vue 3.x 堆栈式缓存管理组件
• 使用简单，良好支持Vue 3.x

[febobo]

• vue-vconsole-devtools
• vue-devtools 嵌入vconsole插件 ，在移动端获得官方debug体验
• 无需安装浏览器工具，Safari兼容，微信浏览器兼容，支持Vue2 Vue3
• 

已收纳

[febobo]

• stack-keep-alive
• Vue 3.x 堆栈式缓存管理组件
• 使用简单，良好支持Vue 3.x

已收纳

[majinhui9]

https://staging-cn.vuejs.org/ vue3 新的文档官网

[DejaVuuuuuuu]

• pinia
• Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。
• 与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。

[zjhleon]

varlet 基于 Vue3 的 Material design 风格移动端组件库 Material design mobile

[Heyunzhen]

https://vue-cropper.vercel.app/#/demo-basic 完美支持Vue3的图片裁剪库，长期维护更新

[Yinzhuo19970516]

• vue-template

• 项目描述：基于vue-cli二次封装的移动端框架，主要功能点，vue3 +vue-cli4 + webpack5 + 多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案等等

• 推荐理由：上万字文档说明，融合了工作三年移动端开发的项目经验和沉淀积累，总结封装出一套行业内通用的移动端开发模版，每个功能点都有业务场景，而且目前行业内，相关的内容比较少，对前端开发们来说，一般也不用去封装业务框架，但是如果要成为一个前端负责人，这是必须要掌握的。

[brenner8023]

• idux - vue3.x组件库
• 项目描述：一个基于 Vue 3.x 和 TypeScript 开发的开源组件库，它拥有以下特性:
  • Monorepo 管理模式：cdk, components, pro
  • 开箱即用的高质量组件
  • 全面拥抱 Composition API，从源码到文档
  • 完全使用 TypeScript 开发，提供完整的类型定义
  • 灵活的全局配置
  • 深入细节的主题定制能力
  • 国际化语言支持
• 推荐理由：https://juejin.cn/post/7042565546189488159

[kagol]

• vue-devui
• 项目描述：基于 DevUI Design 的 Vue3 组件库，使用 pnpm + vite + vue3 + tsx 技术搭建，包含55个简洁、易用、灵活的组件，支持按需引入，支持主题定制，并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题。
• 推荐理由：沉淀自华为云众多业务的优秀实践，70+社区开发者一起参与共建，包含DatePickerPro、Splitter、Ripple等多个特色组件，使用积木理论进行组件的设计和开发，尽可能平衡灵活性和易用性，对于Table、Tree等复杂组件，使用 Composition API 进行交互逻辑的拆分，确保组件的可扩展性和可维护性。

[febobo]

• idux - vue3.x组件库

• 项目描述：一个基于 Vue 3.x 和 TypeScript 开发的开源组件库，它拥有以下特性:

  • Monorepo 管理模式：cdk, components, pro
  • 开箱即用的高质量组件
  • 全面拥抱 Composition API，从源码到文档
  • 完全使用 TypeScript 开发，提供完整的类型定义
  • 灵活的全局配置
  • 深入细节的主题定制能力
  • 国际化语言支持
• 推荐理由：https://juejin.cn/post/7042565546189488159

已收纳

[febobo]

• vue-devui
• 项目描述：基于 DevUI Design 的 Vue3 组件库，使用 pnpm + vite + vue3 + tsx 技术搭建，包含55个简洁、易用、灵活的组件，支持按需引入，支持主题定制，并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题。
• 推荐理由：沉淀自华为云众多业务的优秀实践，70+社区开发者一起参与共建，包含DatePickerPro、Splitter、Ripple等多个特色组件，使用积木理论进行组件的设计和开发，尽可能平衡灵活性和易用性，对于Table、Tree等复杂组件，使用 Composition API 进行交互逻辑的拆分，确保组件的可扩展性和可维护性。

已收纳

[febobo]

• vue-template
• 项目描述：基于vue-cli二次封装的移动端框架，主要功能点，vue3 +vue-cli4 + webpack5 + 多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案等等
• 推荐理由：上万字文档说明，融合了工作三年移动端开发的项目经验和沉淀积累，总结封装出一套行业内通用的移动端开发模版，每个功能点都有业务场景，而且目前行业内，相关的内容比较少，对前端开发们来说，一般也不用去封装业务框架，但是如果要成为一个前端负责人，这是必须要掌握的。

已收纳

[febobo]

https://vue-cropper.vercel.app/#/demo-basic 完美支持Vue3的图片裁剪库，长期维护更新

已收纳

[aehyok]

pnpm + monorepo + qiankun(微前端) + vue3 + vite3 + 组件库(通用表单、列表、等)+ 工具集

• 源码地址：https://github.com/aehyok/vue-qiankun

• 在线可访问链接：http://vue.tuokecat.com/

• 在线文档：微前端简单方案https://github.com/aehyok/vue-qiankun/blob/dev/docs/qiankun.md

• 长期维护

[shuxiaokai3]

快乐摸鱼

• 基于Vue3+Electron企业级接口文档管理工具
• 体验地址：https://online.jobtool.cn
• 开发与使用文档(图文): https://www.yuque.com/happymoyu/as0gig/npr3di

[wlinglinux]

H5建站平台平台是内部使用，我放个图在这里方便看下页面操作 移动渲染端这里是我整理的使用建站平台搭建的有特色的站点集合；

[wlinglinux]

https://jianye.hd.weibo.com/site/?id=347，移动端渲染端地址及图示 在线文档 https://www.yuque.com/volcaner/bq7g2d/0001

[AnsGoo]

OpenDataV 项目描述： 🎃OpenDataV 是一个纯前端的拖拽式、可视化、低代码数据可视化🌈开发平台，你可以用它自由的拼接成各种✨炫酷的大屏，同时支持用户方便的开发自己的组件并接入平台。

体验地址：datav.byteportrait.com

部分页面截图：

1. 组件添加

2. 组件操作

3. 组件数据配置

[yuntian001]

• meadmin-template
• vue3 + ts + vite3 + element-plus + vue-router + pinia 实现的后台管理( admin )系统
• 开箱即用，采用最新技术栈

[s-xianyu]

GoView 基于 Vue3 框架编写的可视化大屏

[weijianpeng18421]

• 若依管理系统

• Vue前端分离版以及Cloud微服务版

• 支持VUE2以及VUE3

[armomu]

• Vue Material Admin

• 

• 基于 Vuetify 免费开源的中后台模版。使用了Vue3，Vite，TS等开发，可用于学习参考、项目启动

• 高质量设计模版、高质量仪表盘设计、高德地图新特性案例，ThreeJs模型导入使用案例，长期维护更新

[xuyangzhou]

• vue-chartGPT
• vue3 + vite + typescript + pinia 模拟实现chartGPT交互效果
• vue3 + vite + typescript + pinia + 数据持久化 + axios二次封装 + 主题切换 + 自适应等等，是很好的体验vue3开发的实战教程

[fonghehe]

vue-h5-template vue移动端模版

[keypadDancer]

goView 低代码数据可视化项目 vue3+ts写的，很方便需要大屏可视化项目的需求，缺点是一些东西收费

[changzai009]

https://www.laizutuan.com/

来组团 vue3+vuetify 实现的群组分发网站

[yangtaowei]

• Geeker-Admin (github)
• Geeker-Admin (gitee)
• 介绍:Geeker-Admin 一款基于 Vue3.3、TypeScript、Vite4、Pinia、Element-Plus 开源的后台管理框架，使用目前最新技术栈开发。项目提供强大的 ProTable 组件
• 推荐理由:涵盖很多常用组件,且更新频率很高.项目没有像部分开源那样过度封装,封装很合理,非常容易上手

[Liu-code3]

Soybean Admin

• 项目地址: https://gitee.com/honghuangdc/soybean-admin
• 项目描述: Soybean Admin 是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于文件的路由系统以及基于 Mock 的动态权限路由，开箱即用的中后台前端解决方案，也可用于学习参考。

特性

• 最新流行技术栈：使用 Vue3/Vite 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm
• TypeScript: 应用程序级 JavaScript 的语言
• 主题：丰富可配置的主题、暗黑模式，基于原子 css 框架 - UnoCss 的动态主题颜色
• 代码规范：丰富的规范插件及极高的代码规范
• 文件路由系统：基于文件的路由系统，根据页面文件自动生成路由声明、路由导入和路由模块
• 权限路由：提供前端静态和后端动态两种路由模式，基于 mock 的动态路由能快速实现后端动态路由
• 请求函数：基于 axios 的完善的请求函数封装，提供 Promise 和 hooks 两种请求函数，加入请求结果数据转换的适配器

[qingtian163]

• vue-next-admin
• 基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发
• 开箱即用，采用最新技术栈，有丰富的开发文档，有交流QQ群

[SageRover]

• VueUse
• 基于Vue组合式API的 实用工具集

[zhangyuge7]

• five-admin
• 基于 JavaScript + VUE3 + ElementPlus 构建的后台管理系统模板
• 基于MIT协议开源的一款开箱即用的后台管理系统模板

[kingHjp]

• vue-echarts
• 对echarts在vue中的使用进行封装 简化了 ECharts 与 Vue 应用程序的集成过程
• Vue-ECharts 提供了双向数据绑定功能 图表的数据源绑定到 Vue 组件的属性或计算属性上。当数据源发生变化时，图表将自动更新以反映新的数据
• 使用 Vue-ECharts 在 Vue 中创建图表可以充分利用 Vue 的响应式机制和虚拟 DOM，进一步提高性能 Vue-ECharts 是为 Vue 设计的，因此它可以充分利用 Vue 的特性和生态系统

[wurencaideli]

• dumogu-admin
• 使用vue3 + vite + element-plus开发的一款适合前端的后台管理模板。
• 功能强大，包含后台管理系统的大部分功能，做到简洁，完善。
• 摈弃了大部分过度封装，犹如一张白纸，非常适合二次开发。

[kagol]

@febobo 项目名称：TinyVue 项目描述：一套跨端、跨框架的企业级 UI 组件库，基于 Renderless 无渲染组件设计构架，实现了一套代码同时支持 Vue 2 和 Vue 3，支持 PC 端和移动端，包含 86 个功能丰富的组件，内置 4 套精美主题。 推荐理由：

1. 跨端跨框架： 使用 Renderless 无渲染组件设计架构，实现了一套代码同时支持 Vue2 / Vue3，PC / Mobile 端，并支持函数级别的逻辑定制和全模板替换，灵活性好、二次开发能力强
2. 丰富的组件：PC 端有80+组件，移动端有30+组件，包含高频组件 Table、Tree、Select 等，内置虚拟滚动，保证大数据场景下的流畅体验，除了业界常见组件之外，我们还提供了一些独有的特色组件，如：Split 面板分割器、IpAddress IP地址输入框、Calendar 日历、Crop 图片裁切等
3. 配置式组件： 组件支持模板式和配置式两种使用方式，适合低代码平台，目前团队已经将 OpenTiny 集成到内部的低代码平台，针对低码平台做了大量优化

[zhangyuge7]

项目名称：FiveAdminV2

🚀 开箱即用的轻量级前端后台管理系统模板！基于 JavaScript、Vue3、Vite5、Pinia、ElementPlus、Tailwindcss 等技术栈开发，助力你快速开发业务功能，专注与业务开发！

源码地址 项目在线文档 项目在线预览 账号/密码：admin/admin;test/test;

🌟 强大的功能：

• 支持现代化的路由管理和导航，方便快捷地定位页面。
• 模块化开发，可快速扩展和定制化，适应不同项目需求。
• 内置丰富的主题和布局，为你提供丰富多样的页面展示效果。
• 强大的数据管理与状态管理，采用 Pinia 提供可靠且高效的数据流管理。
• 基于 ElementPlus，提供美观、易用的组件库，方便快速搭建页面。
• 使用 Tailwindcss 作为 CSS 工具库，简化界面样式的开发与调整。

👩‍💻 简化你的开发流程：

• 利用 Vue3 进行开发，享受响应式的开发体验。
• 使用 Vite5 作为开发服务器，实现更快的热重载和开发效率。
• 使用 PNPM 管理依赖，保证项目的稳定性和可维护性的。

✨ 轻松上手，高效开发，无需花费大量时间和精力，通过简单的配置即可创建出精致的管理系统。

💼 适用于各类企业内部管理系统、后台管理系统、数据管理系统等场景。

源码没有花里胡哨的语法，所有功能的实现都是使用基础语法，更适合学习和二次开发使用，直接作为成品进行业务开发也完全没有问题。

部分截图

[dotbalo]

项目名称：K8s多集群管理平台 项目描述：K8s多集群管理平台简称KRM，是一个K8s多集群资源管理平台，主要实现的是使用图形化的方式管理所有的K8s的资源，降低K8s的复杂度。 同时具备了一些常用的功能，比如跨集群资源复制、一键项目迁移、图形化资源编辑、资源一键回滚及更新、多集群资源统计、可视化集群备份和还原等。 推荐理由：KRM采用目前流行的前端框架Vue3和Go语言开发，已经是一个生产可用的项目，不仅仅是一个DEMO，并且已被很多公司接入生产环境使用，项目一直持续更新，不断完善更多便携式的管理功能。