Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

优秀项目征集 #45

Open
febobo opened this issue Jul 6, 2022 · 39 comments
Open

优秀项目征集 #45

febobo opened this issue Jul 6, 2022 · 39 comments
Labels
invalid This doesn't seem right

Comments

@febobo
Copy link
Contributor

febobo commented Jul 6, 2022

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

参考格式

  • 项目名称
  • 项目描述(100字内)
  • 推荐理由(100字内)
@febobo febobo added the invalid This doesn't seem right label Jul 6, 2022
@febobo febobo pinned this issue Jul 6, 2022
@Zippowxk
Copy link

Zippowxk commented Jul 7, 2022

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

@Zippowxk
Copy link

Zippowxk commented Jul 7, 2022

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

@Zippowxk
Copy link

Zippowxk commented Jul 7, 2022

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

@febobo
Copy link
Contributor Author

febobo commented Jul 7, 2022

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

已收纳

@febobo febobo closed this as completed Jul 7, 2022
@febobo
Copy link
Contributor Author

febobo commented Jul 7, 2022

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

已收纳

@febobo febobo reopened this Jul 7, 2022
@majinhui9
Copy link

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

@DejaVuuuuuuu
Copy link

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

@zjhleon
Copy link

zjhleon commented Aug 3, 2022

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

@Heyunzhen
Copy link

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

@Yinzhuo19970516
Copy link

  • vue-template

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

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

@brenner8023
Copy link

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

@kagol
Copy link

kagol commented Aug 14, 2022

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

@febobo
Copy link
Contributor Author

febobo commented Aug 15, 2022

  • idux - vue3.x组件库

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

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

已收纳

@febobo
Copy link
Contributor Author

febobo commented Aug 15, 2022

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

已收纳

@febobo
Copy link
Contributor Author

febobo commented Aug 15, 2022

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

已收纳

@febobo
Copy link
Contributor Author

febobo commented Aug 15, 2022

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

已收纳

@aehyok
Copy link

aehyok commented Sep 2, 2022

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

@shuxiaokai3
Copy link

shuxiaokai3 commented Sep 18, 2022

快乐摸鱼

@wlinglinux
Copy link

H5建站平台平台是内部使用,我放个图在这里方便看下页面操作
1FC398BD-A6CC-423E-B4B7-D80A763A449B
移动渲染端这里是我整理的使用建站平台搭建的有特色的站点集合;

@AnsGoo
Copy link

AnsGoo commented Oct 25, 2022

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

体验地址:datav.byteportrait.com

部分页面截图:

  1. 组件添加
    screenshots

  2. 组件操作
    screenshots1

  3. 组件数据配置
    screenshots2

@yuntian001
Copy link

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

@s-xianyu
Copy link

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

@weijianpeng18421
Copy link

weijianpeng18421 commented Jan 2, 2023

@armomu
Copy link

armomu commented Feb 3, 2023

  • Vue Material Admin

  • version licensestars

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

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

@xuyangzhou
Copy link

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

@fonghehe
Copy link

vue-h5-template
vue移动端模版

@pinecone-squirrel
Copy link

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

@changzai009
Copy link

https://www.laizutuan.com/

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

@yangtaowei
Copy link

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

@Liu-code3
Copy link

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
Copy link

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

@SageRover
Copy link

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

@zhangyuge7
Copy link

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

@kingHjp
Copy link

kingHjp commented Nov 29, 2023

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

@wurencaideli
Copy link

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

@kagol
Copy link

kagol commented Dec 8, 2023

@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
Copy link

项目名称:FiveAdminV2

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

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

🌟 强大的功能:

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

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

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

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

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

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

部分截图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

@dotbalo
Copy link

dotbalo commented Apr 18, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
invalid This doesn't seem right
Projects
None yet
Development

No branches or pull requests