前言

这段时间一直有学员和一些正在从事前端开发工作的朋友询问“有没有推荐的前端开源项目？”，因为一直忙于工作没有时间去整理，今天应各位的请求，我整理了一些开源项目。推荐顺序与项目的好坏无关，框架的推荐顺序就大家询问的比例来分，跟当前市场框架的占有率无关，所以大家不要先入为主的认为我列在前面的可能就是好的。话不多说，我们进入正题。

Vue.js

Vue Element Admin

vue-element-admin 是一个后台前端解决方案，它是基于 element-ui 实现的。

项目地址：vue-element-admin

项目效果查看：vue-element-admin-dashboard

Iview Admin

iview-admin 是一个基于 iView 的 Vue 2.0 管理系统模板

项目地址：iview-admin

Vue2 Manage

vue2-manage 是基于 vue + element-ui 的后台管理系统

项目地址：vue2-manage

项目有台管理系统效果查看：back-manage

项目前端手机模拟预览：elm-manage

Vue Manage System

vue-manage-system 是基于 Vue.js + Element UI 的后台管理系统解决方案

vue-manage-system 登录界面

vue-manage-system 首页( 默认皮肤 )

vue-manage-system 首页( 浅绿色皮肤 )

项目地址：vue-manage-system

Vue Music Webapp

vue-music-webapp 是基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等开发一款移动端音乐 WebApp 项目

vue-music-webapp 推荐、排行和歌手页

vue-music-webapp 播放和播放列表页

项目地址：vue-music-webapp

Litemall

litemall 是基于 Spring Boot 后端 + Vue 管理员前端 + 微信小程序用户前端 + Vue 用户移动端 开发的项目

litemall 登录页

litemall 首页

项目地址：litemall

Blog Vue Typescript

blog-vue-typescript 是基于 Vue + TypeScript + Element-Ui 支持 markdown 渲染的博客前台展示项目

blog-vue-typescript PC 端效果图

blog-vue-typescript 移动端效果图

项目地址：blog-vue-typescript

Netease Cloud WebApp

netease-clound-webapps 是基于传说中的VUE全家桶(vue vue-router vuex)、axios、Muse-UI(一个基于Vue2.x的material design 风格UI框架)，高仿网易云音乐的 webapp，只实现了 APP 的核心功能。

netease-clound-webapps 效果图

项目地址：netease-clound-webapps

React.js

Antd Admin

antd-admin 是基于 React + Ant Design 开发的一套优秀的中后台前端解决方案。

antd-admin 登录页

antd-admin 首页

项目地址：antd-admin

Iease Music

ieaseMusic 是基于 Electron, React, MobX, JSS 开发的网易云音乐第三方项目

项目地址：ieaseMusic

React pxq

react-pxq 是基于 react + redux + webpack + react-router + ES6/7/8 + immutable 开发的完整项目和个人总结

react-pxq 效果预览

项目地址：react-pxq

React Admin

react-admin 是基于 Create React App 创建的 react 后台管理系统解决方案

项目地址：react-admin

GitHubPopular

GitHubPopular 是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。

GitHubPopular 项目预览图

项目地址：GitHubPopular

Elm React Native

elm-react-native 是一个基于 RN 写的饿了么，还原度相当高，实现了各类动效。效果图如下：

项目地址：elm-react-native

ZhiHuDaily React Native

ZhiHuDaily-React-Native 基于React Native 开发，能够运行到 Android 和 IOS 端的仿知乎日报的项目。

ZhiHuDaily-React-Native 预览效果

项目地址：ZhiHuDaily-React-Native

Shopping React Native

shopping-react-native 基于js+Reactjs+React-Native 的一个商城类的RN 项目，效果图如下：

项目地址：shopping-react-native

Blog React

此 blog 项目是基于 react 全家桶 + Ant Design 开发的支持 markdown 的博客前台展示。

PC 端效果如下

移动端

项目地址：blog-react

Blog React Admin

blog-react-admin项目是基于蚂蚁金服开源的 ant design pro 之上，用 react 全家桶 + Ant Design 的进行再次开发的。效果图如下：

项目地址：blog-react-admin

React Blog

react-blog 是基于 react hooks + koa2 + sequelize + mysql 搭建的前后台的博客。效果如下图;

PC 端

移动端

项目地址：react-blog

Blog React

blog-react 是基于 typescript+koa2+react 的个人博客，效果图如下：

管理端截图

项目地址：blog-react

Angular

Angular News

Angular-news 是基于angular.js,weui和node.js重写的新闻客户端。

项目地址：Angular-news

Ngx Admin

ngx-admin 管理仪表板模板基于Angular 7+，Bootstrap 4

项目地址：ngx-admin

Node.js

Node Elm

node-elm 是基于 node.js + Mongodb 构建的后台系统

前端效果

后台管理系统

项目地址：node-elm

Node Club

nodeclub 是使用 Node.js 和 MongoDB 开发的社区系统

项目地址：nodeclub

Nideshop Mini Program

nideshop-mini-program 是基于 Node.js+MySQL 开发的开源微信小程序商城（微信小程序）。

项目地址：nideshop-mini-program

Nideshop

NideShop 开源微信小程序商城服务端 API（Node.js + ThinkJS）

项目地址：NideShop

wemall

wemall 基于react, node.js, go开发的微商城（含微信小程序）

项目地址：wemall

React Express Blog Demo

React-Express-Blog-Demo 是基于 React+Express+Mongo 开发的前后端博客网站

项目地址：React-Express-Blog-Demo

Blog Node

blog-node 是基于 node + express + mongodb 的博客网站后台

项目地址：blog-node

作者：ken.io
链接：前端开源实战项目推荐
来源：github

前端开源实战项目推荐相关推荐

前端开源实战项目，大厂级别
强烈推荐 GitHub 上值得学习的开源实战项目,包含web前端,java,PHP,python,Android/IOS,大数据,区块链,AI机器学习,数据结构与算法,设计模式等等. 查看全文 htt ...
抄作业了！6 大 Flask 开源实战项目推荐
源自:Gitee Flask 是一个微型的 Python 开发的 Web 框架,基于 Werkzeug WSGI 工具箱和 Jinja2 模板引擎.Flask 使用 BSD 授权.Flask 也被称为 ...
强烈推荐 GitHub 上值得前端学习的开源实战项目
强烈推荐 GitHub 上值得前端学习的开源实战项目. Vue.js vue-element-admin 是一个后台前端解决方案,它基于和 element-ui 实现基于 iView 的 Vue 2 ...
springcloud gateway ribbon使用_Github点赞接近 70k 的Spring Cloud学习教程+实战项目推荐！牛批！...
这篇文章继续来推荐 Spring Cloud 的教程和实战项目了!想必不用不多说,大家都知道 Spring Cloud 的重要程度.几乎稍微有点规模的公司,一般都离不开要和微服务打交道.同时,Spri ...
springboot做网站_Github点赞接近 100k 的Spring Boot学习教程+实战项目推荐！
" 本文已经收录进:awesome-java (Github 上非常棒的 Java 开源项目集合) 很明显的一个现象,除了一些老项目,现在 Java 后端项目基本都是基于 Spring Bo ...
Github点赞接近 70k 的Spring Cloud学习教程+实战项目推荐！牛批！
本文已经收录进:awesome-java (Github 上非常棒的 Java 开源项目集合) 这篇 Guide 来推荐 Spring Cloud 的教程和实战项目了!想必不用不多说,大家都知道 Sp ...
新手程序猿编程实战项目推荐「附源码下载」
知识更新那么快,跟随不上怎么办?碎片信息那么多,选择恐惧怎么办?别担心,我用心挑选了几个实战项目.长期推送干货.职场心得,让你收获满满. 复制代码仿今日头条客户端小白学习编程,最简单的就是手撸一个 ...
新手程序猿编程实战项目推荐【附源码下载】
为你精选 ! 知识更新那么快,跟随不上怎么办? 碎片信息那么多,选择恐惧怎么办? 别担心,我用心挑选了几个实战项目. 长期推送干货.职场心得,让你收获满满. 话休絮烦,点击关注,长期推送编程干货! 仿 ...
转发：11个web前端开发实战项目案例+源码！拿走就是了
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/weixin_43793782/arti ...
28款GitHub最流行的开源机器学习项目,推荐GitHub上10 个开源深度学习框架
20 个顶尖的 Python 机器学习开源项目机器学习 2015-06-08 22:44:30 发布您的评价: 0.0 收藏 1收藏我们在Github上的贡献者和提交者之中检查了用Python语 ...

前端开源实战项目推荐

前言

Vue.js

Vue Element Admin

Iview Admin

Vue2 Manage

Vue Manage System

Vue Music Webapp

Litemall

Blog Vue Typescript

Netease Cloud WebApp

React.js

Antd Admin

Iease Music

React pxq

React Admin

GitHubPopular

Elm React Native

ZhiHuDaily React Native

Shopping React Native

Blog React

Blog React Admin

React Blog

Blog React

Angular

Angular News

Node.js

Node Elm

Node Club

Nideshop Mini Program

Nideshop

wemall

React Express Blog Demo

Blog Node

前端开源实战项目推荐相关推荐

最新文章

热门文章