盘点 10 个 GitHub 上的前端高仿项目

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第 1 天，点击查看活动详情 >>

大家好，我是CUGGZ。

今天来推荐 Github 上几个热门的高仿前端项目！

1. 高仿 QQ音乐（Vue）

一个使用 Vue3+TS 开发的音乐播放器，界面模仿QQ音乐Mac客户端，支持黑夜模式。

一个基于 Vue2、Vue-CLI3 的高仿网易云 mac 客户端播放器（PC）。使用了Vue 全家桶、Sass、better-scroll、ElementUI等技术实现。

该项目实现了mv 页、cd 页、搜索建议、搜索详情、播放、发现页、播放列表、播放记录、全部歌单、歌单详情、最新音乐、主题换肤功能、登录等功能。

一个基于 React、TypeScript 的高仿网易云mac客户端播放器。使用 React Hook 做状态管理，没有使用额外的数据管理库。除此之外，还使用到了CSS Modules、Webpack、Graphql 等技术。

该项目实现了登录/登出、发现页、每日歌曲推荐页、全部歌单页、最新音乐页、歌单详情页、音乐播放详情页、播放记录、搜索、创建和收藏的歌单列表等功能。

高仿B站web移动端，基于此SSR服务端渲染模板，使用 React 16.8，Typescript 开发，后端服务使用 Express 实现。

该项目实现了首页、分类页、排行榜、搜索、视频详情页、 UP主页、个人中心、直播、直播列表、分类、直播间等功能。

高仿掘金，整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router)，是一个基于 Nuxt 的服务器端渲染 Demo。

该项目实现了服务器端渲染、静态页面部署、掘金首页、掘金推荐列表、掘金小册、滚动分页加载、不同端的布局适配等功能。

一个基于 vue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg 构建的具有 45 个页面的仿饿了么的大型单页面应用，舒注册、登录、商品展示、购物车、下单等功能。

一个基于 Vue.js2.0 高仿微信 App 的单页应用，使用 Vue.js2.0 框架，搭配样式库WeUI，模仿微信 app 的样式和交互。

一个仿 Instagram 项目，前端使用 React、状态管理使用 Redux、路由使用 React Router、表格管理使用 Formik、动画使用 React Spring、Websocket管理使用 Socket.io、后端使用 Express、数据库使用 MongoDB。

这个项目是 Stackoverflow 的一个简化版的全栈克隆。使用 ReactJs、NextJs、Storybook、PostCSS、NodeJs、Express、MongoDB、Mongoose 等技术实现。

一个 Spotify Web 播放器的前端克隆项目。使用 React (create-react-app CLI)、react-router-dom、axios等技术实现。