盘点15个前端开源项目，yyds！

评论 2024-10-08

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

一个纯前端实现的头像生成网站。这是一个矢量风格的头像生成器。您可以组合不同的材质组件来生成您自己的个性化头像。

2、Reader

开源地址：https://github.com/hectorqin/reader

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版）

开源地址：https://gitee.com/llbbc/game_2048

在线体验：https://llbbc.cn/redirect/game_2048

2048游戏规则：

总共有16 个单元，最初由2 或4 个组成。

1.向一个方向滑动手指，所有网格都会向该方向移动。

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

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

4、当所有格子都无法移动时，游戏结束；当界面中的最大数字为2048时，游戏获胜。

盘点15个前端开源项目，yyds！

5、跳一跳

开源地址：https://gitee.com/fwjzzz/Jump

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

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

开源地址：https://github.com/VickScarlet/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

盘点15个前端开源项目，yyds！

一个基于Node.js + MongoDB + Express + Mongoose + Vue + Element UI 的前后端分离的Web 应用程序项目。它是仿照饿了么打造的外卖点餐系统。整个项目分为前端项目界面和后端管理界面两部分，总共60多个部分。涉及登录、注册、添加商品、商品展示、过滤排序、购物车、下单、用户中心等，形成一个完整的流程。