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-...

相关推荐
程序员与背包客_CoderZ1 小时前
Node.js异步编程——Callback回调函数实现
前端·javascript·node.js·web
非凡ghost1 小时前
Pale Moon:速度优化的Firefox定制浏览器
前端·firefox
清灵xmf1 小时前
从 Set、Map 到 WeakSet、WeakMap 的进阶之旅
前端·javascript·set·map·weakset·weakmap
11054654012 小时前
11、参数化三维产品设计组件 - /设计与仿真组件/parametric-3d-product-design
前端·3d
爱笑的林羽2 小时前
Mac M系列 安装 jadx-gui
前端·macos
运维@小兵2 小时前
vue使用路由技术实现登录成功后跳转到首页
前端·javascript·vue.js
肠胃炎2 小时前
React构建组件
前端·javascript·react.js
邝邝邝邝丹2 小时前
React学习———React.memo、useMemo和useCallback
javascript·学习·react.js
酷爱码2 小时前
HTML5表格语法格式详解
前端·html·html5
hello_ejb32 小时前
聊聊JetCache的缓存构建
java·前端·缓存