7个 Github 上前端高仿项目!

「前端实验室」 专注分享 Github、Gitee 等开源社区优质的前端项目、前端技术、前端学习资源以及前端资讯等各种有趣实用的前端内容。大家好,我是「前端实验室」爱分享的了不起~

1.高仿网易云音乐

一款基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器(PC) Online Music Player。

技术栈使用了Vue 全家桶、ElementUI、better-scroll、CSS Variables(主题换肤)、 、ESNext (JavaScript 语言的下一代标准)、Sass(CSS 预处理器)、postcss-pxtorem(自动处理 rem)、workbox-webpack-plugin (谷歌开发的利用 Service Worker 实现页面预缓存的插件)。

项目实现了如登录、播放、搜索、发现页、播放列表、播放记录、全部歌单、歌单详情、主题换肤等功能。

Vue版本:github.com/sl1673495/v...

React版本:github.com/uniquemo/re...

2.高仿QQ音乐

一款基于 VUE3+TS 开发的音乐播放器,界面模仿QQ音乐mac客户端。

支持黑夜模式,界面是自适应的,使用tailwindcss.com来实现的,没有提供API接口服务,需要准备好自己的API服务地址,才可以正常使用,用来学习还是不错的。

项目地址:github.com/SmallRuralD...

3.高仿 Instagram

一个高仿 Instagram 的项目,使了用 React、Redux(状态管理)、React Router(路由)、Formik(表格管理)、React Spring(动画)、MongoDB(数据库)等技术栈。

项目地址:github.com/Sandermoen/...

4.高仿掘金(Vue)

一款整合 vue + nuxt + axios(nuxt 自带 vuex 和 vue-router)技术栈,一个基于 Nuxt 的服务器端渲染 Demo。

项目实现了掘金首页、掘金推荐列表、掘金小册、滚动分页加载、不同端的布局适配等功能。

虽然项目有点老,但还是有值得学习的地方,特别是对于做毕设的同学还是满不错的

项目地址:github.com/xuqiang521/...

5.高仿掘金客户端(WebAPP)

该项目是抄袭仿照掘金客户端使用Vue开发的WebApp。里面所有的API均来自官方Android。页面基本上和掘金App差不多。

项目地址:github.com/sanfengliao...

6.高仿微信(Vue)

一款基于Vue2.0框架,搭配样式库WeUI,模仿微信 app 的样式和交互的高仿微信项目。

项目地址:github.com/zhaohaodang...

7.高仿微信(uniapp)

一款前端使用uniapp,后端使用SpringBoot的高仿微信项目,支持安卓端、iOS端和H5端。

主要实现了聊天IM,精仿微信,支持单聊、群聊、朋友圈、摇一摇、附近的人、收藏、扫码、机器人、文字、图片、名片、实时音视频通话等功能。

项目地址:gitee.com/lakaola/im-...

相关推荐
万少7 分钟前
HarmonyOS 开发必会 5 种 Builder 详解
前端·harmonyos
橙序员小站2 小时前
Agent Skill 是什么?一文讲透 Agent Skill 的设计与实现
前端·后端
炫饭第一名5 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
王晓枫5 小时前
flutter接入三方库运行报错:Error running pod install
前端·flutter
符方昊5 小时前
React 19 对比 React 16 新特性解析
前端·react.js
ssshooter5 小时前
又被 Safari 差异坑了:textContent 拿到的值居然没换行?
前端
曲折5 小时前
Cesium-气象要素PNG色斑图叠加
前端·cesium
Forever7_6 小时前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
Angelial6 小时前
Vue3 嵌套路由 KeepAlive:动态缓存与反向配置方案
前端·vue.js
jiayu6 小时前
Angular学习笔记24:Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
前端