盘点15个前端项目，yyds！

Unknown To Known

已于 2023-10-28 15:35:21 修改

阅读量848

点赞数

文章标签：前端开源

于 2023-10-13 14:42:08 首次发布

本文链接：https://blog.csdn.net/kaszxc/article/details/133810195

版权

1、vue-color-avatar

一个纯前端实现的头像生成网站

在线体验：https://vue-color-avatar.vercel.app

一个纯前端实现的头像生成网站。这是一款矢量风格头像的生成器，你可以搭配不同的素材组件，生成自己的个性化头像。
在这里插入图片描述
相关功能：

可视化组件配置栏
随机生成头像，有一定概率触发彩蛋
撤销/还原更改
国际化多语言
批量生成多个头像

2、Reader

Reader 是一个前端基于 Vue.js + Element 的阅读工具后端 Kotlin + Spring Boot

Reader 是一个前端基于 Vue.js + Element 的阅读工具。

其支持书架管理、搜索、书海、看书、换源、翻页方式、手势支持、自定义主题、自定义样式、WebDAV同步、文字替换过滤、听书、用户配置备份恢复、漫画、音频、书源失效检测、导入本地TXT、EPUB、UMD格式的书籍、书籍分组、RSS订阅、定时更新书架、并发搜书、本地书仓等功能。
在这里插入图片描述

3、Ant Design

开源地址：https://github.com/ant-design/ant-design
在这里插入图片描述

Ant Design 是一套企业级 UI 设计语言和 React 组件库。其具有以下特性：

提炼自企业级中后台产品的交互语言和视觉风格。
开箱即用的高质量 React 组件。使用 TypeScript
开发，提供完整的类型定义文件。
全链路开发和设计工具体系。
数十个国际化语言支持。
深入每个细节的主题定制能力。

4、小游戏2048（Vue版）

小游戏2048（Vue版）源码

在线体验：https://lblbc.cn/redirect/game_2048
在这里插入图片描述

2048游戏规则：

一共16个单元格，初始时由2或者4构成。

1、手指向一个方向滑动，所有格子会向那个方向运动。

2、相同数字的两个格子，相遇时数字会相加。

3、每次滑动时，空白处会随机出现一个数字。

4、当所有单元格都不可移动时，游戏结束；当界面中最大数字是2048时，游戏胜利。

5、跳一跳

微信小游戏：跳一跳复现源码

在线地址：https://fwjzzz.gitee.io/jump/

2017年12月28日，微信更新的 6.6.1 版本开放了小游戏，微信启动页面还重点推荐了小游戏「跳一跳」。曾经一时间火遍朋友圈，2018年5月，研究公司QuestMobile，发布了微信小游戏《跳一跳》的数据，这款只有4MB大小的游戏截至2018年3月份已经积累了3.9亿玩家。

作者奶油小泡芙基于Three.js让经典重现「网页版跳一跳」，长按鼠标蓄力、放手，方块就会从一个盒子跳到另一个盒子「使用鼠标又是另一番体验，快去试试吧」。然而就是这个小动作，让你一旦开始就魔性地停不下来。

6、lifeRestart（人生重开模拟器）

lifeRestart（人生重开模拟器）源代码

在线体验：https://liferestart.syaro.io/public/index.html
在这里插入图片描述
说到在线文字游戏就不得不提到，前两年特别火的一款开源游戏「人生重开模拟器」。

游戏里，玩家只需在开局时选天赋、分配初始属性，后面就是看岁月如白驹过隙，转眼就过完了这一生，不满意的话可以点击再次重开即刻开启新的人生。该游戏凭借诙谐幽默的文案，和出乎意料的结局，风靡一时。现在除了上述的经典模式玩法，还新增了名人模式，体验名人的一生。

7、GOVIEW

开源地址：https://gitee.com/dromara/go-view
在这里插入图片描述
GoView 是一个使用 Vue3 搭建的低代码数据可视化开发平台，将图表或页面元素封装为基础组件，无需编写代码即可完成业务需求。它的技术栈为：Vue3 + TypeScript4 + Vite2 + NaiveUI + ECharts5 + Axios + Pinia2 + PlopJS。

8、vlife

开源地址：https://github.com/wwwlike/vlife
在这里插入图片描述
企业级低代码快速开发平台，包含页面可视化配置、自定义表单、自定义报表、权限管理脚手架应用、前后端代码自动生成；主要特点是低代码开发，可实现复杂CRUD功能仅编写数据模型就能完成前后端开发。

9、网易云音乐 API

开源地址：https://github.com/Binaryify/NeteaseCloudMusicApi
在这里插入图片描述
一个基于 Node.js 的网易云音乐 API 服务。通过该项目，开发者可以方便地对网易云音乐进行各种操作，例如搜索歌曲、获取歌曲信息和评论、获取用户信息和播放列表等等。该项目提供了完整的文档供开发者参考，提供了超过250个接口。

10、饿了么

开源地址：https://github.com/bailicangdu/node-elm
在这里插入图片描述

一个基于 Node.js + MongoDB + Express + Mongoose + Vue + Element UI 的前后端分离的 Web 应用项目，是一个仿照饿了么的外卖点餐系统。整个项目分为两部分：前台项目接口、后台管理接口，共60多个。涉及登陆、注册、添加商品、商品展示、筛选排序、购物车、下单、用户中心等，构成一个完整的流程。

11、QQ音乐 API

开源地址：https://github.com/jsososo/QQMusicApi
在这里插入图片描述

基于 Express + Axios 的 QQ音乐接口 nodejs 版，开发者可以方便地对 QQ 音乐进行各种操作，例如搜索歌曲、获取歌曲信息和评论、获取用户信息和播放列表等。

12、ChatGPT API

一个基于 OpenAI 的 ChatGPT 生成式对话模型的 Web API。该项目使用 TypeScript 和 Express.js 构建。通过该项目，开发者可以快速地搭建自己的聊天机器人，以及实现其他基于 ChatGPT 的自然语言处理应用。
在这里插入图片描述
开源地址：https://github.com/transitive-b