优秀项目征集
febobo opened this issue · 41 comments
欢迎推荐，自荐Vue相关的优秀项目到我们首页，可以在本贴下面通过如下格式进行盖楼，我们将在审核后进行统一更新
参考格式
- 项目名称
- 项目描述（100字内）
- 推荐理由（100字内）
- vue-vconsole-devtools
- vue-devtools 嵌入vconsole插件 ，在移动端获得官方debug体验
- 无需安装浏览器工具，Safari兼容，微信浏览器兼容，支持Vue2 Vue3
- vue-router-keep-alive-helper
- Vue 2.x keep-alive页面缓存自动管理插件 （缓存页面堆栈式管理插件）
- 模拟移动端原生堆栈式缓存管理方式，返回自动销毁栈顶页面，无侵入代码，一行搞定缓存管理
- stack-keep-alive
- Vue 3.x 堆栈式缓存管理组件
- 使用简单，良好支持Vue 3.x
- vue-vconsole-devtools
- vue-devtools 嵌入vconsole插件 ，在移动端获得官方debug体验
- 无需安装浏览器工具，Safari兼容，微信浏览器兼容，支持Vue2 Vue3
已收纳
- stack-keep-alive
- Vue 3.x 堆栈式缓存管理组件
- 使用简单，良好支持Vue 3.x
已收纳
https://staging-cn.vuejs.org/
vue3 新的文档官网
- pinia
- Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。
- 与 Vuex 相比，Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。
https://vue-cropper.vercel.app/#/demo-basic
完美支持Vue3的图片裁剪库，长期维护更新
-
项目描述：基于vue-cli二次封装的移动端框架，主要功能点，vue3 +vue-cli4 + webpack5 + 多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案等等
-
推荐理由：上万字文档说明，融合了工作三年移动端开发的项目经验和沉淀积累，总结封装出一套行业内通用的移动端开发模版，每个功能点都有业务场景，而且目前行业内，相关的内容比较少，对前端开发们来说，一般也不用去封装业务框架，但是如果要成为一个前端负责人，这是必须要掌握的。
- idux - vue3.x组件库
- 项目描述：一个基于 Vue 3.x 和 TypeScript 开发的开源组件库，它拥有以下特性:
- Monorepo 管理模式：cdk, components, pro
- 开箱即用的高质量组件
- 全面拥抱 Composition API，从源码到文档
- 完全使用 TypeScript 开发，提供完整的类型定义
- 灵活的全局配置
- 深入细节的主题定制能力
- 国际化语言支持
- 推荐理由：https://juejin.cn/post/7042565546189488159
- vue-devui
- 项目描述：基于 DevUI Design 的 Vue3 组件库，使用
pnpm+vite+vue3+tsx技术搭建，包含55个简洁、易用、灵活的组件，支持按需引入，支持主题定制，并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题。 - 推荐理由：沉淀自华为云众多业务的优秀实践，70+社区开发者一起参与共建，包含DatePickerPro、Splitter、Ripple等多个特色组件，使用积木理论进行组件的设计和开发，尽可能平衡灵活性和易用性，对于Table、Tree等复杂组件，使用 Composition API 进行交互逻辑的拆分，确保组件的可扩展性和可维护性。
项目描述：一个基于 Vue 3.x 和 TypeScript 开发的开源组件库，它拥有以下特性:
- Monorepo 管理模式：cdk, components, pro
- 开箱即用的高质量组件
- 全面拥抱 Composition API，从源码到文档
- 完全使用 TypeScript 开发，提供完整的类型定义
- 灵活的全局配置
- 深入细节的主题定制能力
- 国际化语言支持
已收纳
- vue-devui
- 项目描述：基于 DevUI Design 的 Vue3 组件库，使用
pnpm+vite+vue3+tsx技术搭建，包含55个简洁、易用、灵活的组件，支持按需引入，支持主题定制，并内置 追光 / 蜜糖 / 紫罗兰 等 5 种漂亮的主题。- 推荐理由：沉淀自华为云众多业务的优秀实践，70+社区开发者一起参与共建，包含DatePickerPro、Splitter、Ripple等多个特色组件，使用积木理论进行组件的设计和开发，尽可能平衡灵活性和易用性，对于Table、Tree等复杂组件，使用 Composition API 进行交互逻辑的拆分，确保组件的可扩展性和可维护性。
已收纳
- vue-template
- 项目描述：基于vue-cli二次封装的移动端框架，主要功能点，vue3 +vue-cli4 + webpack5 + 多入口打包 + 自动生成项目模版 + pinia + 数据持久化 + 路由动画 + axios二次封装 + less sass 变量函数处理 + viewport 适配方案等等
- 推荐理由：上万字文档说明，融合了工作三年移动端开发的项目经验和沉淀积累，总结封装出一套行业内通用的移动端开发模版，每个功能点都有业务场景，而且目前行业内，相关的内容比较少，对前端开发们来说，一般也不用去封装业务框架，但是如果要成为一个前端负责人，这是必须要掌握的。
已收纳
https://vue-cropper.vercel.app/#/demo-basic 完美支持Vue3的图片裁剪库，长期维护更新
已收纳
pnpm + monorepo + qiankun(微前端) + vue3 + vite3 + 组件库(通用表单、列表、等)+ 工具集
-
在线可访问链接：http://vue.tuokecat.com/
-
在线文档：微前端简单方案https://github.com/aehyok/vue-qiankun/blob/dev/docs/qiankun.md
-
长期维护
- 基于Vue3+Electron企业级接口文档管理工具
- 体验地址：https://online.jobtool.cn
- 开发与使用文档(图文): https://www.yuque.com/happymoyu/as0gig/npr3di
OpenDataV
项目描述： 🎃OpenDataV 是一个纯前端的拖拽式、可视化、低代码数据可视化🌈开发平台，你可以用它自由的拼接成各种✨炫酷的大屏，同时支持用户方便的开发自己的组件并接入平台。
部分页面截图：
-
组件添加
-
组件操作
-
组件数据配置
- meadmin-template
- vue3 + ts + vite3 + element-plus + vue-router + pinia 实现的后台管理( admin )系统
- 开箱即用，采用最新技术栈
-
Vue前端分离版以及Cloud微服务版
-
支持VUE2以及VUE3
-
-
基于
Vuetify免费开源的中后台模版。使用了Vue3，Vite，TS等开发，可用于学习参考、项目启动 -
高质量设计模版、高质量仪表盘设计、高德地图新特性案例，
ThreeJs模型导入使用案例，长期维护更新
- vue-chartGPT
- vue3 + vite + typescript + pinia 模拟实现chartGPT交互效果
- vue3 + vite + typescript + pinia + 数据持久化 + axios二次封装 + 主题切换 + 自适应等等，是很好的体验vue3开发的实战教程
vue-h5-template
vue移动端模版
goView
低代码数据可视化项目
vue3+ts写的，很方便需要大屏可视化项目的需求，缺点是一些东西收费
来组团
vue3+vuetify 实现的群组分发网站
- Geeker-Admin (github)
- Geeker-Admin (gitee)
- 介绍:Geeker-Admin 一款基于 Vue3.3、TypeScript、Vite4、Pinia、Element-Plus 开源的后台管理框架，使用目前最新技术栈开发。项目提供强大的 ProTable 组件
- 推荐理由:涵盖很多常用组件,且更新频率很高.项目没有像部分开源那样过度封装,封装很合理,非常容易上手
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 两种请求函数，加入请求结果数据转换的适配器
- vue-next-admin
- 基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发
- 开箱即用，采用最新技术栈，有丰富的开发文档，有交流QQ群
- five-admin
- 基于 JavaScript + VUE3 + ElementPlus 构建的后台管理系统模板
- 基于MIT协议开源的一款开箱即用的后台管理系统模板
- vue-echarts
- 对echarts在vue中的使用进行封装 简化了 ECharts 与 Vue 应用程序的集成过程
- Vue-ECharts 提供了双向数据绑定功能 图表的数据源绑定到 Vue 组件的属性或计算属性上。当数据源发生变化时，图表将自动更新以反映新的数据
- 使用 Vue-ECharts 在 Vue 中创建图表可以充分利用 Vue 的响应式机制和虚拟 DOM，进一步提高性能 Vue-ECharts 是为 Vue 设计的，因此它可以充分利用 Vue 的特性和生态系统
- dumogu-admin
- 使用vue3 + vite + element-plus开发的一款适合前端的后台管理模板。
- 功能强大，包含后台管理系统的大部分功能，做到简洁，完善。
- 摈弃了大部分过度封装，犹如一张白纸，非常适合二次开发。
@febobo
项目名称：TinyVue
项目描述：一套跨端、跨框架的企业级 UI 组件库，基于 Renderless 无渲染组件设计构架，实现了一套代码同时支持 Vue 2 和 Vue 3，支持 PC 端和移动端，包含 86 个功能丰富的组件，内置 4 套精美主题。
推荐理由：
- 跨端跨框架： 使用 Renderless 无渲染组件设计架构，实现了一套代码同时支持 Vue2 / Vue3，PC / Mobile 端，并支持函数级别的逻辑定制和全模板替换，灵活性好、二次开发能力强
- 丰富的组件：PC 端有80+组件，移动端有30+组件，包含高频组件 Table、Tree、Select 等，内置虚拟滚动，保证大数据场景下的流畅体验，除了业界常见组件之外，我们还提供了一些独有的特色组件，如：Split 面板分割器、IpAddress IP地址输入框、Calendar 日历、Crop 图片裁切等
- 配置式组件： 组件支持模板式和配置式两种使用方式，适合低代码平台，目前团队已经将 OpenTiny 集成到内部的低代码平台，针对低码平台做了大量优化
项目名称：FiveAdminV2
🚀 开箱即用的轻量级前端后台管理系统模板！基于 JavaScript、Vue3、Vite5、Pinia、ElementPlus、Tailwindcss 等技术栈开发，助力你快速开发业务功能，专注与业务开发！
源码地址
项目在线文档
项目在线预览
账号/密码：admin/admin;test/test;
🌟 强大的功能：
- 支持现代化的路由管理和导航，方便快捷地定位页面。
- 模块化开发，可快速扩展和定制化，适应不同项目需求。
- 内置丰富的主题和布局，为你提供丰富多样的页面展示效果。
- 强大的数据管理与状态管理，采用 Pinia 提供可靠且高效的数据流管理。
- 基于 ElementPlus，提供美观、易用的组件库，方便快速搭建页面。
- 使用 Tailwindcss 作为 CSS 工具库，简化界面样式的开发与调整。
👩💻 简化你的开发流程：
- 利用 Vue3 进行开发，享受响应式的开发体验。
- 使用 Vite5 作为开发服务器，实现更快的热重载和开发效率。
- 使用 PNPM 管理依赖，保证项目的稳定性和可维护性的。
✨ 轻松上手，高效开发，无需花费大量时间和精力，通过简单的配置即可创建出精致的管理系统。
💼 适用于各类企业内部管理系统、后台管理系统、数据管理系统等场景。
源码没有花里胡哨的语法，所有功能的实现都是使用基础语法，更适合学习和二次开发使用，直接作为成品进行业务开发也完全没有问题。
部分截图
项目名称：K8s多集群管理平台
项目描述：K8s多集群管理平台简称KRM，是一个K8s多集群资源管理平台，主要实现的是使用图形化的方式管理所有的K8s的资源，降低K8s的复杂度。 同时具备了一些常用的功能，比如跨集群资源复制、一键项目迁移、图形化资源编辑、资源一键回滚及更新、多集群资源统计、可视化集群备份和还原等。
推荐理由：KRM采用目前流行的前端框架Vue3和Go语言开发，已经是一个生产可用的项目，不仅仅是一个DEMO，并且已被很多公司接入生产环境使用，项目一直持续更新，不断完善更多便携式的管理功能。