2K Star!超过 50 个专题、450 个好项目,大半年来推荐过的重磅项目合集 👍

2K Star!超过 50 个专题、450 个好项目,大半年来推荐过的重磅项目合集 👍这大半年来,猫哥已经推荐过超过 50个专题, 450 个超级好的开源项目了,今天把往期推荐过的文章与项目做个合集吧,方便大家能快速得查阅到想要的项目。

2K Star!超过 50 个专题、450 个好项目,大半年来推荐过的重磅项目合集 👍

大家好,我是你们的 猫哥,还是那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~

不知不觉,GitHub 上的仓库 FrontEndGitHub 都已经更新并运营超过半年了呀, 前端GitHub 的定位是如下的:

专注于挖掘优秀的前端开源项目,抹平你的前端信息不对称,涵盖 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS 等。

虽然更新文章的频率不高,平均一周一更,但是还是一直在更新的,而且更新的文章内容还是很有质量的。

FrontEndGitHub 也收获了 2K 的 Star!感谢各位大佬的肯定与鼓励。

2K Star!超过 50 个专题、450 个好项目,大半年来推荐过的重磅项目合集 👍

这大半年来,猫哥已经推荐过超过 50 个专题, 450 个超级好的开源项目了,今天把往期推荐过的文章与项目做个合集吧,方便大家能快速得查阅到想要的项目。

平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 – 如何发现优秀开源项目

2K Star!超过 50 个专题、450 个好项目,大半年来推荐过的重磅项目合集 👍

软技能

项目 地址
GitHub 官方文档:使用、搜索、管理开源项目 docs.github.com/cn

前端趋势榜

Vue3

项目 地址
Vue3 中文文档  vue3js.cn/docs/zh/
Vue3 设计理念 vue3js.cn/vue-composi…
Vue3 相关项目聚合网站 vue3js.cn/
Vue3 源码 vue3js.cn/start/
Ant-design-vue antdv.com/docs/vue/in…
Vant 3.0 vant-contrib.gitee.io/vant/v3/
Element-plus  element-plus.org/#/zh-CN
element 3 github.com/hug-sun/ele…
vue-vben-admin github.com/anncwb/vue-…
vue-admin-beautiful github.com/chuzhixin/v…
vue-cli github.com/Wscats/vue-…
movie-trailer github.com/lhz960904/m…
newbee-mall-vue3-app github.com/newbee-ltd/…
vue3-jd-h5 github.com/GitHubGanKa…

Vue 源码解密

项目 地址
vue-analysis:Vue.js 源码分析  github.com/ustbhuangyi…
vue-design:逐行级别的分析 hcysun.me/vue-design/…
vue-family-mindmap:用一张思维导图总结了 Vue、Vue-Router、Vuex 源码与架构要点 github.com/biaochenxuy…
learnVue:Vue.js 源码分析 github.com/answershuto…
vue:Vue 源码逐行注释分析 github.com/qq281113270…
vue2.0-source:Vue 源码分析 github.com/liutao/vue2…
Vue3 源码:Vue3 源码系列  vue3js.cn/start/

React 源码解密

项目 地址
just-react:严谨、易懂的 React 源码分析教程  github.com/BetaSu/just…

面试专题

项目 地址
Front-end-Developer-Questions:前端面试题  h5bp.org/Front-end-D…
javascript-questions:JavaScript 进阶问题列表 github.com/lydiahallie…
Daily-Question:每天一道大厂面经推送 github.com/shfshanyue/…
CS-Interview-Knowledge-Map:一线大厂面试题 github.com/InterviewMa…
Daily-Interview-Question:每天搞定一道前端大厂面试题 github.com/Advanced-Fr…
fe-interview:前端面试的一个复习汇总项目 lucifer.ren/fe-intervie…
fe-interview:前端面试专题  github.com/biaochenxuy…
fe-interview:前端知识题库 github.com/haizlin/fe-…
node-interview:饿了么大前端的面试 github.com/ElemeFE/nod…
Front-End-Interview-Notebook:前端复习笔记 github.com/CavsZhouyou…
FE-Interview:前端面试必备题库 github.com/lgwebdream/…
web-interview:Vue 面试题库 github.com/febobo/web-…

简历专题

项目 地址
ResumeSample:程序员简历模板系列  github.com/geekcompany…
Markdown-Resume:用 markdown 语法来写的简历模版,非常简结通用 github.com/CyC2018/Mar…
awesome-resume:程序员简历例句,程序员简历范例 github.com/resumejob/a…
DeerResume:好用的 MarkDown 在线简历工具,可在线预览、编辑、设置访问密码和生成 PDF github.com/geekcompany…
markdown-resume:在线简历排版工具,支持切换 4 种模版、自定义和导出功能 github.com/mdnice/mark…
best-resume-ever:快速生成漂亮简历的工具,它基于 Vue 和 LESS github.com/salomonelli…
awesome-resume-for-chinese:适合中文的简历模板收集  github.com/dyweb/aweso…
resume:一份优雅简约的简历 github.com/gwuhaolin/r…
biaochenxuying:非常自由的自定义的前端程序员模版 github.com/biaochenxuy…
github-readme-stats:在你的 README 中获取动态生成的 GitHub 统计信息 github.com/anuraghazra…

JavaScript

项目 地址
30-seconds-of-code:简短代码段,经常会用到而且是非常经典的代码  github.com/30-seconds/…
33-js-concepts:JavaScript开发者应懂的 33 个概念 github.com/leonardomso…
javascript-questions:JavaScript 进阶问题列表 github.com/lydiahallie…
JavaScript 30:使用原生 JavaScript 在 30 天内完成 30 个项目 github.com/wesbos/Java…
Codewars:和 leetcode 有点类似,也是在平台上和其他人一起完成真实的代码挑战,提升你的技术 www.codewars.com/
ES6 入门教程:开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新引入的语法特性 es6.ruanyifeng.com/
JavaScript 教程:全面介绍 JavaScript 核心语法,覆盖了 ES5 和 DOM 规范的所有内容  wangdoc.com/javascript/
现代 JavaScript 教程:以最新的 JavaScript 标准为基准。从基础到高阶的 JavaScript 相关知识 zh.javascript.info/
MDN:提供开放网络(Open Web)技术有关的信息,包括用于网站和渐进式网络应用的 HTML、CSS 和 API developer.mozilla.org/zh-CN/
clean-code-javascript:优秀的 JS 代码规范 github.com/ryanmcdermo…
TypeScript 入门教程:从 JavaScript 程序员的角度总结思考,循序渐进的理解 TypeScript ts.xcatliu.com
w3school:前端必须知道的 Web 技术教程平台 www.w3school.com.cn/js/index.as…
three.js:JavaScript编辑3D模型,各种各样炫酷的效果以及Documentation值得你去了解three.js three.js](threejs.org/)

Flutter

网站 说明
dy_flutter 斗鱼 APP
flutter_tiktok 精仿抖音
flutter-osc 开源中国客户端
FlutterDouBan 豆瓣客户端

TypeScript

网站 说明
TypeScript TypeScript 官网,TS 扩展了 JavaScript ,为它添加了类型支持
typescript-tutorial TypeScript 入门教程,循序渐进的理解 TypeScript
TypeScript TypeScript 使用手册
typescript-book-chinese 深入理解 TypeScript
clean-code-typescript 适用于TypeScript的简洁代码概念
TypeScript入门 TypeScript 入门的视频教程
typescript-tutorial TypeScript 速成教程(2小时速成)

前端必备在线工具

项目 地址
LightHouse:一个开源的自动化工具,用于改进网络应用的质量 github.com/GoogleChrom…
Can I Use:查询 CSS、Js 在个中流行浏览器钟的特性和兼容性的网站 caniuse.com/
ios font:IOS 字体支持查询和 IOS 系统自带字体查询 iosfonts.com/
web 安全色:尽量让用户看到色彩相同的网页,请尽量使用 216 色的 web 安全色 www.bootcss.com/p/websafeco…
TinyPNG:PNG/JPG 图片在线压缩利器,智能 PNG 和 JPEG 图片压缩 tinypng.com/
二维码生成器:草料二维码生成器 cli.im/
Shape Divider:定制各种形状的网站分区 SVG 的工具 www.shapedivider.app/
json 格式化: json 在线解析的网站 json.cn/
sojson:前端WEB工具大合集 www.sojson.com/
站长工具:站长的必备工具 tool.chinaz.com/
codelf:变量命名智能推荐(支持中文) unbug.github.io/codelf/
印象笔记:Web 前端开发人员提供优质中文文档 www.docschina.org
regexr:正则表达式验证匹配 regexr.com/
any-rule:正则表达式库,非常全,使用起来很方便 github.com/any86/any-r…
bootcdn:国内的CDN库,速度快 www.bootcdn.cncdn.baomitu.com
jsdelivr:国外的 cdn 库,支持 github,npm,WordPress www.jsdelivr.com
gitignore:根据选择会去生成 .gitignore 文件 www.gitignore.io/
codesandbox:在线编辑代码 codesandbox.io/
typora:实用的 Markdown 写作工具,所见即所得 www.typora.io
mdnice:使 markdown 语法更加美观,写作工具(强烈推荐) mdnice.com
toptal:多张图片合成雪碧图,并生成对应 css www.toptal.com/developers/…
tool:众多工具集合,包括时间戳转换,进制转换等 tool.lu/

计算机内功秘籍

项目 地址
Crash-Course-Computer-Science-Chinese:计算机科学速成课 github.com/1c7/Crash-C…
computer-science:通往计算机科学免费自学教育之路! github.com/ossu/comput…
CS-Notes:技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、系统设计、Java、Python、C++ github.com/CyC2018/CS-…
REKCARC-TSC-UHT:清华大学计算机系课程攻略 github.com/PKUanonym/R…
zju-icicles:浙江大学课程攻略共享计划 github.com/QSCTech/zju…
TeachYourselfCS-CN:仅仅依靠自己,你就可以获得世界一流水平的教育 github.com/keithnull/T…
CS-Xmind-Note:计算机专业课(408)思维导图和笔记 github.com/SSHeRun/CS-…
awesome-books:160+ 本开源技术类精华电子书,包括 前端、后端、数据结构与算法、计算机基础、设计模式、数据库等书籍 github.com/biaochenxuy…

在线的代码转图片

项目 地址
Carbon:在线的代码转图片工具 carbon.now.sh/
glorious.codes:在线的代码转图片工具 glorious.codes/demo
codezen:在线的代码转图片工具 codezen.rishimohan.me/
codeimg:在线的代码转图片工具 codeimg.io/

管理后台 admin

项目 地址
vue-Element-Admin:后台前端解决方案,它基于 vue 和 element-ui 实现 github.com/PanJiaChen/…
iview-admin:基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案 github.com/iview/iview…
vue-admin-template:极简的 vue admin 管理后台 github.com/PanJiaChen/…
ant-design-pro:Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案 github.com/ant-design/…
ngx-admin:基于Angular 10+ 的可定制管理仪表板模,还拥有 6 个惊人的视觉主题 github.com/akveo/ngx-a…
vue-admin-beautiful:基于 vue+element-ui 的绝佳的中后台前端开发管理框架 github.com/chuzhixin/v…
vuestic-admin:免费与美妙 Vue.js 管理模板,包括 38 以上个定制用户界面组件 github.com/epicmaxco/v…
antd-admin:一套优秀的中后台前端解决方案 github.com/zuiidea/ant…
eladmin:SpringBoot、Jpa、Security、Redis、Vue 等前后端前沿技术开发 github.com/elunez/elad…
AdminLTE:是一个完全响应的管理模板。基于 Bootstrap 4.5 框架以及 JS / jQuery 插件 github.com/almasaeed20…

逼格满满的 PPT

项目 地址
reveal-md:使用 Markdown 来做 PPT 展示的开源项目 github.com/webpro/reve…
reveal.js:使用 html、markdown 写静态的文本,创建功能齐全且美观的 PPT github.com/hakimel/rev…

数据结构与算法

项目 地址
javascript-algorithms:含了多种基于 JavaScript 的算法与数据结构 github.com/trekhleb/ja…
algorithm-visualizer:算法可视化工具是一个交互式的在线平台,可以从代码中可视化算法 github.com/algorithm-v…
algo:数据结构和算法必知必会的 50 个代码实现 github.com/wangzheng08…
awesome-algorithms:包含不同著名计算机科学算法的 javascript 实现 github.com/mgechev/jav…
JS-Sorting-Algorithm:关于排序算法的 GitBook 在线书籍 《十大经典排序算法》 github.com/hustcc/JS-S…
JavaScript 数据结构与算法之美:包含了 十大经典排序算法 的思想、代码实现、一些例子、复杂度分析、动画 github.com/biaochenxuy…
daily-algorithms:算法,每日练习的一个项目 github.com/barretlee/d…
JavaScript 更多 … github.com/search?l=Ja…

CSS 学习专题

项目 地址
You-need-to-know-css: CSS 的各种效果实现,尤其是动画效果 lhammer.cn/You-need-to…
CSS-Inspiration:找到使用或者是学习 CSS 的灵感 github.com/chokcoco/CS…
css_tricks: 总结了一些常用的 CSS 的新属性和一点奇技淫巧 github.com/QiShaoXuan/…
animista: 各种 CSS 实现的效果,还有代码演示,方便直接复制代码 animista.net/
spinkit: 汇集了实现各种加载效果的 CSS 代码片段 tobiasahlin.com/spinkit/
十天精通 CSS3: CSS3 教程 www.imooc.com/learn/33
Animate: 有趣的,跨浏览器的 css3 动画库 animate.style/
sass:Sass 是一种 CSS 的预编译语言,Sass 为 CSS 赋予了更强大的功能 sass.bootcss.com/documentati…
less:Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性 less.bootcss.com/
cssdeck:在线 CSS 前端代码 Demo 样式效果 cssdeck.com/
codepen:前端炫酷样式效果,各种 loading 效果,在线编程,Vue 组件也特别多 codepen.io/
cubic-bezier:CSS3 贝塞尔曲线在线调试工具 cubic-bezier.com/
Snapsvg:SVG 动效的 JS 库,各种炫酷的效果。 snapsvg.io/
Cool Backgrounds:超酷的背景图片,渐变的色彩的图片背景都有,看起来很酷。 coolbackgrounds.io/

Node.js

项目 地址
node:最佳的学习资源肯定是 最权威的 Node.js 的官方项目啦。 github.com/nodejs/node
node-api-cn:Node.js API 中文文档项目 github.com/nodejscn/no…
node-in-debugging: Node.js 调试指南的项目 github.com/nswbmw/node…
nodebestpractices:对Node.js最佳实践中排名最高的内容的总结和分享 github.com/goldbergyon…
deep-into-node:深入理解 Node.js:核心思想与源码分析 github.com/yjhjstz/dee…
Nodejs-Roadmap:Node.js 服务端所涉及的技术栈 github.com/qufei1993/N…
NeteaseCloudMusicApi:网易云音乐 Node.js API service github.com/Binaryify/N…
node-elm:这是基于 node.js + Mongodb 构建的后台系统 github.com/bailicangdu…
awesome-nodejs:Node.js 资源合集 github.com/sindresorhu…

小程序

项目 地址
mpvue:基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系 github.com/Meituan-Dia…
wepy:小程序组件化开发框架 github.com/Tencent/wep…
westore:微信小程序解决方案 – 1KB javascript 覆盖状态管理、跨页通讯、插件开发和云数据库开发 github.com/Tencent/wes…
ColorUI:鲜亮的高饱和色彩,专注视觉的小程序组件库 github.com/weilanwl/Co…
Gitter:采用 Taro 框架 + Taro UI 进行开发的 demo , 可能是目前颜值最高的 GitHub 微信小程序客户端 github.com/huangjianke…
Taro:多端统一开发框架,支持用 React 的开发方式编写一次代码 github.com/NervJS/taro
Painter:小程序生成图片库,轻松通过 json 方式绘制一张可以发到朋友圈的图片 github.com/Kujiale-Mob…
kbone:Web 与小程序同构解决方案,微信官方 github.com/wechat-mini…

前端监控

网站 说明
前端监控工具 – webfunny 项目 一款轻量级前端异常监控和前端性能监控系统

前端的代码规范

项目 地址
腾讯 tgideas.qq.com/doc/index.h…
京东 guide.aotu.io/index.html
airbnb github.com/airbnb/java…
百度 github.com/ecomfe/spec…
JavaScript Standard Style github.com/standard/st…
Vue  cn.vuejs.org/v2/style-gu…
ES6 es6.ruanyifeng.com/#docs/style
Bootstrap codeguide.bootcss.com/
ESLint eslint.org/
Prettier prettier.io/

程序员必备仓库

项目 地址
build-your-own-x:构建自己想做的应用 github.com/danistefano…
javascript-algorithms:多种基于 JavaScript 的算法与数据结构 github.com/trekhleb/ja…
computer-science:为所有想要学习计算机科学的人提供了大量的免费学习资源 github.com/ossu/comput…
30-seconds-of-code:超过 100 个代码段,涵盖了 JavaScript 中的各种内容 github.com/30-seconds/…
nodebestpractices:Node.js 最佳实践中排名最高的内容的总结和分享 github.com/goldbergyon…
realworld:如何使用特定的语言 / 技术开发适当的应用 github.com/gothinkster…
free-programming-books:免费提供编程书籍  github.com/EbookFounda…
system-design-primer:学习如何设计大型系统,为系统设计面试做准备 github.com/donnemartin…
awesome-python:精选的 Python 框架,库,软件和资源的精选清单 github.com/vinta/aweso…
awesome-machine-learning:精选的很棒的机器学习框架,库和软件的列表 github.com/josephmisit…

国外网站

项目 地址
GitHub:开源项目仓库 github.com
GitLab:仓库管理系统的开源项目 about.gitlab.com/
dev.to:技术博客社区 dev.to/
dreamincode:小众的技术博客 www.dreamincode.net
bytes:和 dreamcode 类似,简约但不简单 bytes.com
hongkiat:技术、设计领域相关的技术文章 www.hongkiat.com/blog/design…
IBM Developer:一线工程师,技术性很强的文章 developer.ibm.com
StackOverFlow:专为程序员提供的国际性问题解答交流社区 stackoverflow.com
Reddit:非常个性的社区,你可以讨论编程问题,还可以学习学英语 www.reddit.com
daniweb:质量比较高的问答平台 www.daniweb.com
LeetCode:国内的 leetcode 一样都是刷题用的 leetcode.com
LintCode:LintCode 领扣上有数量超过 1000 道的算法题目和人工智能题目 www.lintcode.com
Codeforces:全球最著名的在线评测系统之一 codeforces.com/
Topcoder:世界上规模最大的编程网站 www.topcoder.com
tutorialspoint:在线学习的网站,并且免费,里面有各种技术、各个知识点的讲解和demo www.tutorialspoint.com/index.htm
codecademy:简化编程学习的过程 www.codecademy.com
Livecoding.tv:为全球程序员提供一个实时高效的互动平台 www.livecoding.tv/accounts/lo…
Dzone:技术涵盖比较全面的网站 dzone.com
simpleprogrammer:纯技术文章不多,指导建议性的文章比较多 simpleprogrammer.com/
SitePoint:学习 Web 设计和开发 HTML5,CSS3,JavaScript,PHP,移动应用 www.sitepoint.com/web
YouTobe:国内的哔哩哔哩一样,各类视频汇聚于此,当然各国编程大神也在这啦 www.youtube.com/

设计规范

项目 地址
iPhone各设备屏幕尺寸 www.paintcodeapp.com/news/ultima…
移动屏幕尺寸设计规范 screensiz.es/phone
微信官方小程序UI样式库 weui.io/
各大尺寸设备响应式屏幕效果显示 www.responsinator.com/

可视化

项目 地址
brick-design:全场景可视化拖拽低代码前端框架 github.com/brick-desig…

代码生成器

项目 地址
jeecg-boot:一键生成前后端代码 github.com/zhangdaisco…

下载全网视频

项目 地址
you-get:一行命令下载全网视频 github.com/soimort/you…
annie:一行命令下载全网视频 github.com/iawia002/an…

酷炫的极客界面

项目 地址
eDEX-UI:酷炫的极客界面 github.com/GitSquared/…
lively:拉高程序员电脑桌面逼格 screensiz.es/phone

抠图神器

项目 地址
removebg www.remove.bg/zh
在线 ps-uupoop www.uupoop.com/

在线绘图

项目 地址
ProcessOn www.processon.com/
draw.io www.draw.io/
excalidraw excalidraw.com/

颜色搭配

项目 地址
中科院色谱的中国传统色 zhongguose.com/#yuhong
在线快速配色生成工具 coolors.co/
每天更新一组简洁舒服的配色方案 colorhunt.co/
MaterialDesign强大的在线配色 www.materialpalette.com/blue/purple
通过网址获取分析网站配色 webcolourdata.com/
炫酷多边形背景色块生成 trianglify.io/
色彩搜索引擎 picular.co/
流行的网格渐变背景免费下载 webgradients.com/
上传并匹配提取图片风格的颜色 www.colorfavs.com/

开发思想

项目 地址
hacker-laws:最常见的定律、原则等 github.com/nusr/hacker…

技术社区

项目 地址
GitHub:高质量的内容创作和分享平台 github.com/
stackoverflow:一个回答技术问题的网站 stackoverflow.com/
掘金:目前来看,国内的很多优质前端文章,都在掘金上 juejin.cn/
博客园:一个很纯粹的技术博客平台 www.cnblogs.com/
知乎:很多做技术的同学也开始玩知乎了,阿里的不少前端大牛在知乎上就非常活跃 www.zhihu.com/
segmentfault:比较低调的技术博客平台 segmentfault.com/
CSDN:广告太多,但奈何你这么老牌 www.csdn.net/
v2ex:一个关于分享和探索的地方 www.v2ex.com/
Node.js专业中文社区 www.jstips.co/
JS技巧:每天推出一个JS技巧的网站 cnodejs.org/
W3cplus:是一个致力于推广国内前端行业的技术博客 www.w3cplus.com/
印记中文:是最权威是技术中文文档社区 docschina.org/

博客团队

项目 地址
腾讯AlloyTeam www.alloyteam.com/
腾讯社交用户体验ISUX isux.tencent.com/
淘系前端团队 fed.taobao.org/
阿里巴巴国际UED www.aliued.com/
京东 凹凸实验室 aotu.io/
饿了么前端 zhuanlan.zhihu.com/ElemeFE
百度前端研发部FEX fex.baidu.com/
360 奇舞团 75team.com/
美团技术团队 tech.meituan.com/
夜尽天明 github.com/biaochenxuy…

GitHub 统计

项目 地址
GitHub 全球排名:这个排名很权威 gitstar-ranking.com/
GitHub 中文排行榜、高分优秀中文项目 github.com/kon9chunkit…

前端大会

项目 地址
Vue.js 开发者大会:Vue.js 开发者大会中国 fequan.com/
中国 JS 开发者大会:一场专注于 JavaScript 和 Node.js 技术的国际性大会 jsconfchina.com/
中国 CSS 开发者大会:提高 css 开发姿势的大会 css.w3ctech.com/
D2 前端技术论坛:阿里巴巴举办,分享技术的乐趣,探讨行业的发展 d2forum.alibaba-inc.com/

打包工具

项目 地址
NPM www.npmjs.com/
Yarn yarnpkg.com/zh-Hans/
Webpack webpack.js.org/
Gulp www.gulpjs.com.cn/
Babel babeljs.io/
ESLint:可组装的 JavaScript 和 JSX 检查工具 cn.eslint.org/
PostCSS:用 JavaScript 工具和插件转换 CSS 代码的工具 www.postcss.com.cn/
rollup: 打包 npm 库 github.com/rollup/roll…
parcel: 和 webpack 类似的打包工具 github.com/parcel-bund…
systemjs:针对一些特殊场景会比较有用,比如云 ide,支付宝小程序 IDE 等 github.com/systemjs/sy…
microbundle:基于 rollup,简化配置 github.com/developit/m…
bili:基于 rollup,同上 github.com/egoist/bili
vue-cli:vue 命令行工具 github.com/vuejs/vue-c…
create-react-app:react 官方脚手架 github.com/facebook/cr…
prepack:通过预先执行的方式优化打包结果 github.com/facebook/pr…
swc:基于 rust 的语法转换器,babel 的竞争者 github.com/swc-project…
nathan/pax:基于 rust,据说是这个星球最快的 JavaScript 打包工具 github.com/nathan/pax
pikapkg/web: 浏览器里跑 npm 依赖,面向现代浏览器 github.com/pikapkg/web
lebab/lebab:把 es5 代码转成 es6,反向 babel github.com/lebab/lebab
snowpack:现代Web的更快打包工具系统 github.com/pikapkg/sno…

代码托管平台

项目 地址
coding:代码托管平台 coding.net/
码云:代码托管平台 gitee.com/
github:代码托管平台 github.com/
SVN:代码托管平台 svnbucket.com/?ADTAG=bdss…
SVN:代码托管中心 www.svnchina.com/
git:官网 git-scm.com/
阿里云 www.aliyun.com
腾讯云 cloud.tencent.com/

调试抓包

项目 地址
whistle:代理抓包工具,很好很强大 wproxy.org/whistle/
Easy Mock www.easy-mock.com
Fiddler:代理抓包工具 www.telerik.com/fiddler

开发工具

项目 地址
VS Code code.visualstudio.com/
Sublime Text www.sublimetext.com/
WebStorm www.jetbrains.com/webstorm/
Atom atom.io/

录屏工具

项目 地址
screenity github.com/alyssaxuu/s…

买房实用指南

项目 地址
hangzhou_house_knowledge: 杭州 github.com/houshanren/…
hangzhou_house_knowledge:上海 github.com/ayuer/shang…

优质的前端博客

公众号 作者 微信 地址 简介
全栈修炼 夜尽天明 CB834301747 github.com/biaochenxuy… 分享大前端开发相关的技术文章,热点资源,全栈程序员的成长之路
前端下午茶 SHERlocked93 qianyu443033099 github.com/SHERlocked9… 分享前端相关的技术博客、精选文章,期待在这里和大家一起进步!
前端UpUp 天天 DayDay2021 github.com/daydaylee12… leetcode算法相关的,从0到1刷leetcode。
前端从进阶到入院 ssh sshsunlight github.com/sl1673495/b… 📖全网 100w+ 阅读量的进阶前端技术博客仓库,Vue 源码解析,React 深度实践,TypeScript 进阶艺术,工程化,性能优化实践……
iCSS前端趣闻 Coco coco1s github.com/chokcoco/iC… 9300+ Stars 的 CSS 仓库,各种 CSS 奇技淫巧,在这里,都有。
若川视野 若川 ruochuan12 github.com/lxchuan12/b… 学习源码整体架构系列多篇,前端面试高频源码
前端布道师 苏南 su-south github.com/meibin08/co… 一个用漫画演绎程序员日常轶事、分享前端前沿技术、大厂面经与干货的公众号,号主是个爱画画的前端切图崽,热爱代码的同时,也希望用漫画的形式让更多了解程序员。
秋风的笔记 秋风 qiufengblue github.com/hua1995116/… 分享工程化、开源知识、有趣的前端知识。
前端食堂 童欧巴 hungryturbo github.com/Geekhyt/fro… 你的前端食堂,吃好每一顿饭🍥
深圳湾码农 Rock ruanxiongbiao github.com/qappleh/Int… 分享BAT大厂面试题,每天攻破一道题,带你从0到1系统构建web全栈完整的知识体系!
进击的大前端 蒋鹏飞 ffx313 github.com/dennis-jian… 成体系的前端进阶知识
小鹿动画学编程 小鹿 lxq17853556107 github.com/luxiangqian… 全Github唯一动画仓库,用动画的形式把前端技术讲的淋漓尽致!也包括自己整理的前端面试和进阶文章分享,欢迎关注哦!
编程如画 大鹏 aaron875499765 github.com/guanpengchn… 全网最特别的画解算法,mdnice作者官方博客
前端思维框架 ViktorHub viktorhub github.com/ViktorWong/… 建设Web全栈数字图书馆,揭秘Web全栈架构师,打造个人核心竞争力。

图标

项目 地址
Font Awesome:网站开发最流行的图标集 www.fontawesome.com.cn/
Feather:简洁美观的开源图标 feathericons.com/
Ionicons:精心绘制的开源图标 ionicons.com/
Simple Icons:常见品牌的 SVG 图标:轻快、精美的符号图标,包括常见操作和事项 simpleicons.org/
Material Design Icons material.io/resources/i…
Tabler Icons:681 枚可定制的开源 SVG 图标 tablericons.com/

色彩

项目 地址
Material Design Colors www.materialui.co/colors
Flat UI Colors:14 组配色、280 种颜色 flatuicolors.com/
Color Hunt:分享色彩搭配的自由开放平台,包括成千上万人工选取的配色,可以从中获取配色的灵感 colorhunt.co/
Color Space:配色方案、CSS 颜色渐变生成工具 mycolor.space/
uiGradients:美观的颜色渐变 www.uigradients.com/
Colors and Fonts:色彩和字体工具 colorsandfonts.com/
Coolors:配色方案生成工具 coolors.co/

插画

项目 地址
Undraw:持续更新的精美的 SVG 插画集 undraw.co/illustratio…
manypixels:免费插画集 gallery.manypixels.co/
IRA Design:通过调配渐变色、搭配手绘组件定制插画 iradesign.io/gallery/ill…
Free Illustrations by Lukasz Adam:免费 SVG 插画 lukaszadam.com/illustratio…
Blobmaker:在线 SVG 形状生成器 www.blobmaker.app/
Get Waves:在线 SVG 波形生成器 getwaves.io/

图片

项目 地址
Unsplash:可供免费使用的图片 unsplash.com/
Pexels:精美的免费图片和视频 www.pexels.com/
Burst:免费高分辨率图片,可用于网站和商业用途 burst.shopify.com/
ISO Republic:使用 CC0 许可的免费高分辨率图片和视频 isorepublic.com/
Pixabay:令人惊叹的免费(公共领域)图片和视频站点 pixabay.com/
StockSnap:精美的免费图片,同样使用 CC0 许可 stocksnap.io/
Photopea:在线图片编辑工具,支持大量高级功能 www.photopea.com/
Online Image Compressor:在线图片压缩工具,一次可以压缩多达 20 张图片 imagecompressor.com/
Bulk Resize Photos:最快的在线图片缩放工具(图片缩放和压缩在本地完成,无需上传到服务器 bulkresizephotos.com/en

设计工具

项目 地址
墨刀:原型设计工具 modao.cc/
蓝湖:一款产品文档和设计图的在线协作平台 lanhuapp.com
PxCook(像素大厨):高效易用的自动标注工具 www.fancynode.com.cn/pxcook

WEB 技术清单

项目 地址
developer-roadmap:开发人员路线图,循序渐进的指南和路径,以学习不同的工具或技术 github.com/kamranahmed…

前端

frontend-map.png

后端

backend-map.png

运维

devops-map.png

最后

2K Star!超过 50 个专题、450 个好项目,大半年来推荐过的重磅项目合集 👍

好了,猫哥这大半年来推荐过的好开源项目就是上面那些了。

时间会让一件件平凡的事情变得不平凡

不知不觉,原创文章已经写到第 47 期了呢,几乎每一篇都是猫哥精心挑选的优质开源项目,推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。

原创不易,更新并运营大半年更是不易,花费了很多时间、精力去筛选和写推荐理由,大佬们看完文章后,顺手来个一键三连吧,就当给猫哥一点鼓励吧。

往期精文请看下方宝藏仓库,请慎入!

github.com/FrontEndGit…

微信搜索 前端GitHub,回复 电子书 就送你 1000+ 本精华编程电子书;回复 1024 送你一套完整的 前端 视频教程。

更新并运营大半年不易,往后还会不断更新,感谢各位读者那么久的陪伴,曾经的点赞与分享,对猫哥的文章的肯定与鼓励,谢谢

今天的文章2K Star!超过 50 个专题、450 个好项目,大半年来推荐过的重磅项目合集 👍分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/21790.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注