前言这段时间，一些同学和一些从事前端开发工作的朋友一直在问“有没有推荐的前端开源项目？”因为一直工作忙没时间整理，今天应大家的要求，整理了一些开源项目。推荐顺序与项目质量无关。框架的推荐顺序是根据人们查询的比例，与框架当前的市场份额无关。话不多说，进入正题。Vue.jsVueElementAdminvue-element-admin是一个后台前端解决方案，基于element-ui实现。项目地址：vue-element-admin项目效果视图：vue-element-admin-dashboardIviewAdminiview-admin是一个基于iView的Vue2.0管理系统模板项目地址：iview-adminVue2Managevue2-manage是基于vue+element-ui后台管理系统项目地址：vue2-manage项目有管理系统效果查看：back-manage项目前端手机模拟预览：elm-manageVue管理系统vue-manage-system是一个基于Vue.js的后台管理系统解决方案+ElementUISchemevue-manage-system登录界面vue-manage-system主页（默认皮肤）vue-manage-system主页（浅绿色皮肤）项目地址：vue-manage-systemVueMusicWebappvue-music-webapp是基于Vue(2.5)+vuex+vue-router+vue-axios+better-scroll+Scss+ES6等开发手机音乐WebApp项目vue-music-webapp推荐、排行榜和歌手页面vue-music-webapp播放和播放列表页面项目地址：vue-music-webappLitemalllitemall是基于SpringBoot后台+Vue管理员前端+微信小程序用户前端+Vue用户移动端开发的项目Litemall登录页面Litemall首页项目地址：litemallBlogVueTypescriptblog-vue-typescript是一个基于Vue+TypeScript+Element-Ui的博客前端展示项目，支持markdown渲染blog-vue-typescriptPC端渲染blog-vue-typescript移动端渲染项目地址：blog-vue-typescript网易云WebAppnetease-clound-webapps基于传奇的VUE家族Bucket(vuevue-routervuex),axios,Muse-UI(一个基于Vue2.x的materialdesign风格UI框架),高仿网易云音乐webapp,只实现了APPnetease-clound-webapps渲染的核心功能项目地址：netease-clound-webappsReact.jsAntdAdminantd-admin是基于React+AntDesign开发的一款优秀的中后台前端解决方案。antd-admin登录页面antd-admin首页项目地址：antd-adminIeaseMusicieaseMusic是网易云音乐基于Electron、React、MobX、JSS的第三方项目项目地址：ieaseMusicReactpxqreact-pxq是基于react+redux+webpack+react-router+ES6/7/8+immutable开发完整项目及个人总结react-pxq效果预览项目地址：react-pxqReactAdminreact-admin是一个基于CreateReact的react后台管理系统解决方案App项目地址：react-adminGitHubPopularGitHubPopular是一款用于查看GitHub上最热门最热项目的App。它支持基于ReactNative的Android和iOS平台。GitHub热门项目预览项目地址：GitHubPopularElmReactNativeelm-react-native是一款基于RN编写的饿了么，还原度高，动态效果多样。效果图如下：项目地址：elm-react-nativeZhiHuDailyReactNativeZhiHuDaily-React-Native是基于ReactNative开发的，可以运行在Android和IOS上。是一个模仿知乎日报的项目。ZhiHuDaily-React-Native预览效果项目地址：ZhiHuDaily-React-NativeShoppingReactNativeshopping-react-native一个基于js+Reactjs+React-Native的类商城RN项目，效果图如下：项目地址：shopping-react-nativeBlogReact本博客项目基于react全家桶+AntDesign，支持markdown博客前端展示。PC端效果如下。手机项目地址：blog-reactBlogReactAdminblog-react-admin项目基于蚂蚁金服开源的antdesignpro，用react全家桶+AntDesign重新开发。效果图如下：项目地址：blog-react-adminReactBlogreact-blog是一个基于reacthooks+koa2+sequelize+mysql的前后端博客。效果如下图所示；PC端移动端项目地址：react-blogBlogReactblog-react是一个基于typescript+koa2+react的个人博客。.js、weui和node.js重写新闻客户端。项目地址：Angular-newsNgxAdminngx-admin管理dashboard模板基于Angular7+,Bootstrap4项目地址：ngx-adminNode.jsNodeElmnode-elm是一个基于node.js+Mongodb前端效果后台管理的后台系统系统项目地址：node-elmNodeClubnodeclub是一个使用Node.js和MongoDB开发的社区系统项目地址：nodeclubNideshop小程序nideshop-mini-program是一个基于Node.js+开发的开源微信小程序商城（微信小程序）MySQL。项目地址：nideshop-mini-programNideshopNideShop开源微信小程序商城服务端API（Node.js+ThinkJS）项目地址：NideShopwemallwemall基于react、node.js、go开发的微商城（含微信小程序程序)项目地址：wemallReactExpressBlogDemoReact-Express-Blog-Demo是一个基于React+Express+Mongo开发的前端博客网站项目地址：React-Express-Blog-DemoBlogNodeblog-node基于onnode+express+mongodb博客站点后台项目地址：blog-node作者：ken.io链接：前端开源实战项目推荐来源：github
