每个开发者都应该有一个自己的工具箱，在将来漫长的职业生涯中，这些工具可以为我省下宝贵的时间，并帮助我更好的组织个人知识库。
- dribbble: 各种有趣的创造性设计
- Github Trending: 发现流行的 github 项目
- Product Hunt: 发现各种优秀的项目产品
- 技术雷达：ThroughtWorks 每年都会发布业界的技术趋势，也就是技术雷达
- LeetCode: 做题社区
- LeetCode Animation: 用动画的形式呈现解LeetCode题目的思路
- open logos：一位老外给开源项目做的免费LOGO设计，需要联系作者申请免费版权。
- Google
- Meterial Design: 大名鼎鼎的 Google Meterial Design，提供了 Android，iOS，Web，Flutter 相应的组件库。
- Meterial Design for Web: 针对 JS 的组件库，不需依赖框架
- Meterial Design for React: React 组件库
- Meterial Design for Android: Android 组件库
- Meterial Design for iOS: iOS 组件库
- Meterial Design for Flutter: Flutter 组件库
- 阿里
- Ant Design: 阿里出品，主要面向于后台产品，提供 React（主打），Vue，Angular 的实现
- Ant Design for React
- Ant Design for Vue
- Ant Design for Angular
- 有赞
- Zan Design：有赞设计规范
- Zan UI: 有赞基于设计规范的前端组件库，包含了：PC端（Zent），移动端（Vant），小程序端（Vant-Wxapp）
- 饿了么
- Element UI: 没有按端来区分设计元素，统一套设计组件，分别有：React、Vue（主打）、Angular 版本
- Semantic
- Semantic UI: 一套老牌ui了，没有 style guide，不需要依赖框架，css 配合 jQuery 就能使用。
- Semantic React: React 版本的组件
- Semantic Ember: EmberJS 版本的组件库，不过很久不更新了。
- GreenSock | GSAP: CSS动画类库
- easing: 函数式动画库
- create.js: 一套制作 HTML5 丰富交互的工具集合
- pixi.js: 2D WebGL 动画库
- css tricks: 一个有很多CSS技巧的博客网站
- cssreference: 一个动态展示各种CSS的学习库
- can i use: 罗列了各大浏览器对于前端的新特性的支持情况；
- TC39: 关注JS语言的有关特性，处于哪个阶段，是否成熟；
- node green: 关注 Node.js 每个版本对 JS 特性的支持情况；
- html5shiv: 可以让旧浏览器使用HTML5标签
- typescript-starter: 快速创建 TS 项目
- webpack: 资源打包工具
- html-webpack-plugin: 针对HTML处理的webpack插件
- grunt: 任务执行工具
- gulp: 任务执行工具
- gulp-load-plugins：自动加载
package.json中的 gulp 插件 - gulp-rename： 重命名
- gulp-uglify：文件压缩
- gulp-concat：文件合并
- gulp-less：编译 less
- gulp-sass：编译 sass
- gulp-clean-css：压缩 CSS 文件
- gulp-htmlmin：压缩 HTML 文件
- gulp-babel: 使用 babel 编译 JS 文件
- gulp-jshint：jshint 检查
- gulp-imagemin：压缩jpg、png、gif等图片
- gulp-livereload：当代码变化时，它可以帮我们自动刷新页面
- gulp-load-plugins：自动加载
- html-minifier: HTML压缩工具（提供Grunt、Gulp版本）
- UglifyJS: JS脏化工具
- Monorepo 工具链
- react-final-form: 表单验证
- Braft Editor: 富文本编辑器
- umijs: 阿里的 React 框架
- qiankun: 阿里的为前端框架
- docz：用 React 来写组件示例文档
- NestJS: 渐进式的服务端框架
- SailsJS: NodeJS企业级开发框架
- loopback: StrongLoop出品的NodeJS企业级开发框架
- koa: 服务器开发框架
- express: 服务器开发框架
- oauth2orize: OAuth2.0的实现
- OAuthorize: OAuth 的实现
- node-oauth: OAuth1.0、OAuth2.0 的实现
- passport: 封装授权的逻辑，支持本地登录以及OAuth第三方登录
- forge: 提供了大部分常见的传输层加密算法的实现（提供Browser版本）
- superagent: 封装HTTP、Ajax实现（提供Browser版本）
- supertest: 基于superagent,提供用于单元测试的API与封装实现
- i18n-node: 国际化实现
- moment: 时间处理的工具库
- consolidate.js: 集成常见的NodeJS模板引擎（TJ大神出品）
- debug: 调试工具
- nodegreen: 罗列了 NodeJS 个版本对于新的 ECMAScript 语法支持情况
- mocha: 测试框架
- zombie: 测试框架
- istanbul: 测试覆盖率工具
- csurf: express 中间件，实现 CSRF
- helmet: express 中间件，集成了常见网络安全防御的实现
- yargs: 制作 CLI 的库
- 压测工具
- mock dependency
- 前端单测
- 前端 E2E
- storybook
- Prometheus: 一个开源的完整监控解决方案，其对传统监控系统的测试和告警模型进行了彻底的颠覆， 形成了基于中央化的规则计算、统一分析和告警的新模型
- Grafana: 数据可视化
- opentelemetry: 监控系统的行业标准
- 神策
- 阿拉丁
- 腾讯有数
- goaccess: 一个分析Nginx、Apache等分布式服务器日志的开源工具
- Sentry: 错误上报，报警监控工具。支持 JavaScript、PHP、NodeJS等
- tar: 压缩、解压
- curl: 下载命令
- wget: 下载命令
- ag(the_sliver_searcher): 代码搜索工具
- autojump: 快速跳转目录工具
- ab: 性能压测命令
- RabbitMQ
- Kafka
- Redis
- ZeroMQ
- ActiveMQ
- Ali MNS
- Let's Encrypt: 免费的HTTPS证书，有效期3个月，可以续期。
- Certbot: 自动部署HTTPS证书，结合「Let's Encrypt」可以实现无限续期
- 神箭手: 提供爬虫服务
- loggly: 提供日志服务
- Taobao RAP: 淘宝提供的API接口 Mock 服务
- carbon：一个生成好看的代码图片的工具
- JS/TS
- eslint-plugin-functional: 函数式编程的规范
- whistle: 代理+mock+host工具
- mock: 前端数据mock工具
- whistle.vase: whistle 的mock插件
- draft-js：React 的富文本组件
- Markdown Nice: 给Markdown文档添加主题
- draw.io: 画各种流程图、时序图的好工具
- PlantUML: 通过编码的方式画时序图，提供 VSCode 插件
- Carbon: 生成好看的代码截图
- Typora：最好的 Markdown 编辑工具
- Mermaid：使用 markdown 预发画各种流程图的工具，typora 自建对应的扩展
- flaticon： 开源的 ICON
- Noun Project: 开源的 ICON
- Inkscape: 画图工具
- whimsical: 画图工具
- ORlyGenerator 动物书封面制作