7个 Github 上前端高仿项目!

发布于:2024-04-27 ⋅ 阅读:(22) ⋅ 点赞:(0)

「前端实验室」 专注分享 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版本:
React版本:

2.高仿QQ音乐

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

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

图片

项目地址:

3.高仿 Instagram

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

图片

项目地址:

4.高仿掘金(Vue)

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

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

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

图片

项目地址:

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

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

图片

项目地址:

6.高仿微信(Vue)

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

图片

项目地址:

7.高仿微信(uniapp)

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

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

图片

项目地址: