awesome.md

排行榜统计

• TIOBE编程语言排行榜★★★
• JavaScript Rising Stars★★★
• JavaScript各种统计★★★★
• CSS 各种统计★★★★
• GitHub 星星数量排名 40 个最流行的 CSS 框架
• 通过GitHub平台了解编程语言的使用★★★
• PYPL流行程序设计语言
• Statcounter统计浏览器市场份额
• 百度统计浏览器市场份额
• 浏览器占有率排行
• 显示兼容浏览器的页面
• Stack Overflow 年度开发者调查
• Github Trending
• Github Follower排行榜
• Github中国用户排名，仓库排名趋势榜
• Gitstar Ranking
• 按语言和位置对每个 GitHub 用户和存储库进行排名
• Githuber.cn星榜
• GitHub 星星历史记录
• GitHub中文社区各种排行榜
• 比项目较过去12个月在 GitHub 上增加的星标数
• Web框架性能测试排名
• Easy Counter: 统计网站访问次数

徽章

• 开源项目的质量元数据标记 shields.io
• 快速徽章生成服务 badgen.net
• 版本徽章 fury.io
• 固定状态徽章
• 快速生成技能徽章
• 非官方 github:按钮

在线作图

• Photo Relay 允许您轻松创建高质量的封面图像
• ProcessOn 支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图等
• draw.io 免费的在线图表软件，用于制作流程图，流程图，组织结构图，UML，ER和网络图
• Pixel Art to CSS 是一个在线像素风绘图工具
• Pixlr X 基于 Canvas 和 WebGL 的在线图像编辑器。
• Terrastruct 一个在线的架构图、流程图工具。
• Excalidraw 非常简单易用的白板绘图开源工具
• Free Favicon Maker 在线制作 SVG 格式的 Favicon
• Squoosh 在浏览器中使用一流的编解码器无损压缩图片
• Fluid Paint 网页画板工具，可以定制笔刷，产生刷油漆的流体效果，非常精美
• IconMaker 应用程序图标 Favicons 图标生成器和调整器
• okso 可以画极简草图解释的基本数据结构
• React Paint 使用 React 实现的开源 Windows 画板。
• Lottielab Drafts 动画编辑器。能够输出为网页动画格式 Lottie.json 之外，还可以输出为 GIF 和 MP4
• Pixel Map 一个世界地图生成器，用于来做一些区域性的数据分析， 和地区分布演示非常方便
• Pika 截图编辑器应用程序

创建漂亮的代码图

• codeimg.io 把源代码变成漂亮的图片的工具
• Codepng 代码片段转为美观的图片
• ray.so 可以生成漂亮的代码截图，颜色、阴影、背景都可以调整。
• Chalk.ist 为您的源代码创建漂亮的图像。
• carbon 创建并分享源代码的精美图像
• Snappify 创建令人惊叹的代码演示和视频
• Recoded 在浏览器中创建精美的代码图像和视频
• Code to Img 自定义背景颜色、漂亮的渐变代码图
• CodeKeep 代码片段可以组织到文件夹/标签中，以便即时重用

在线数据库建模工具

• SQL DBM 在线数据库建模
• Vertabelo 在线数据库建模
• DB Designer 在线数据库建模

文档工具

• ESDoc ESDoc是JavaScript的文档生成器
• apiDoc 生成RESTful Web API文档
• jsdoc 用于JavaScript的API文档生成器
• typedoc TypeScript 项目的文档生成器
• swagger 一款RESTful 接口的文档在线自动生成+功能测试功能软件
• swagger editor 在线版编辑器
• EditCSV Online 一个编辑 CSV 文件的在线工具
• html-md 在线小工具，将网页转成 Markdown 代码
• PPTist 一个 PPT 网页应用，还原了大部分 PowerPoint 常用功能，支持 PPT 的在线编辑、演示和导出

npm

• 下载NPM包的统计信息
• 查看包 npm 统计
• 比较npm包下载，计数随时间的变化
• NPM包下载趋势榜对比
• BundlePhobia 查看添加 npm 软件包的成本
• PackagePhobia 查找向项目添加新开发依赖项的成本
• npmview 让你查看 npm 模块里面包含了什么文件
• anvaka npm 依赖的可视化
• Skypack 无需安装和构建工具即可加载优化的 npm 包
• Package Quality 包的质量测量，最初用于 npm
• npm charts 比较 npm 包的下载趋势
• NodeICO Package badges
• Pkg Stats 快速浏览并发现最佳 npm 包
• Are the types wrong 分析 npm 包的 TypeScript 类型的工具
• npmgraph npm 依赖关系的图表/可视化
• pkg-size 确定安装大小和捆绑包大小的新工具，提供包尺寸徽章
• Are The Types Wrong 用于分析 npm 包的 TypeScript 类型的工具

工具

• pagemap 在网页插入迷你的页面缩略导航图，可以点击这个图的不同部分，实现快速导航。
• termtosvg 将你的终端会话录制成一个单独的 SVG 动画。
• Nodle-I-Ching 中国古代《易经》的六十四卦象，作为二维码的图像，编码和解码库
• Squoosh 在浏览器中使用最佳的编解码器缩小图像。
• bestofjs 展示了项目 Star 数变化的日历色块图。demo
• Ascii艺术图片 可以生成字符串“图片”
• Graffiti 字母生成生成字符串“图片”
• 专门拍摄推动计算机革命的开源程序员的肖像
• 一个演示汉字笔画顺序的 JS 库
• AsciiMath 简单易用的数学公式转换工具
• doka 一个使用 WebGL 技术搭建的在线图像编辑器，使用非常流畅。
• Publisheet Excel 表格转为网页表格的在线工具。
• dbdiagram 在线数据库关系图设计工具。
• cubic-bezier
• Animated Bézier Curves
• easings 缓动函数速查表
• Animista 网页 CSS 动画工具，可自由配置各种动画特效，并生成代码。
• 求字体 字体识别与搜索
• color-space 颜色转化工具。
• Track Awesome List 追踪每个 Awesome 清单的更新，可以及时查看每天新增哪些资源。

在线代码编辑

• codepen 在线编辑器
• stackblitz 在线编辑器
• codesandbox 在线编辑器
• jsfiddle 在线编辑器
• runjs 在线编辑器
• JS Bin 在线编辑器
• jsrun 在线编辑器，支持多种语言
• JSON Generator 生成虚拟 JSON 数据的在线工具
• QuickType 即时解析任何语言的JSON
• OneDev 类似于 GitHub/GitLab，可以自己架设
• replit 编码、创建和一起学习
• runkit
• Web Components
• Playcode
• codi.link

前端相关工具

• EpicEasing 精致的 Easing 动画生成调试预览工具

免费托管服务工具

• OPENSHIFT
• opeNode
• Heroku
• Vercel
• Glitch

正则表达式工具

• https://regexr.com/ Github
• https://regex101.com/
• https://regexper.com/
• http://myregexp.com/
• https://ihateregex.io/ Github

Github

• StarDev 按语言和位置对每个 GitHub 用户和存储库进行排名
• OSSInsight 开源软件 - 洞察力
• OpenSource Heroes 开源英雄
• git-awards 发现您在GitHub上的排名
• star-history 帮助用户查看 GitHub 项目 star 数目的历史
• starcharts 可以查看 GitHub 仓库的 Star 变化情况，生成折线图
• programming-languages 在GitHub上积极开发的编程语言列表
• GitHub，前端JavaScript框架
• gitignore.io 生成 gitignore 文件的网站
• GitHub Readme Stats 为您的 Github 自述文件动态生成的统计信息
• GitHub Profile Trophy 为您的 Github 自述文件动态生成档案奖杯
• GitHub 加速下载
• GitHub Skyline GitHub 官方出品，将你过去一年的提交统计转成一个三维的直方图
• Github Chart API 将您的 GitHub 图表嵌入到您想要的任何 HTML 中
• Repobeats 在 GitHub 仓库的 README 文件里面，加入图形化的项目数据统计
• GitHub Wrapped 网页工具将你过去一年的 GitHub 活动，创建成一张图表
• contrib.rocks 为贡献者列表生成动态图片 URL 以显示它
• Green Wall 查看某个 GitHub 用户的历年活动日历
• GitHub & BitBucket HTML Preview 预览 GitHub 和 BitBucket 仓库中的 HTML 静态文件
• Gissue 下载 Github 项目所有 issue 保存为 .md 文件

SVG 图标

• IconGo 超过 7万个 svg 图标库
• Iconbuddy 超过 10万个免费 svg 图标库
• iconfont 阿里巴巴矢量图标库
• Flowbite Icons 487 个免费开源 SVG 图标集合
• SVG Repo 50万+ 开放许可的 SVG 矢量和图标
• macOS Cursors SVG、PNG、PNG@2x 格式的所有 macOS 光标
• Yesicon 18万枚高品质矢量图标
• iconify 超过 15万 个开源矢量图标

办公类应用

• OpenVidu 开源的视频会议软件，使用 WebRTC 技术
• BigBlueButton 开源的远程教育软件，也可用作视频会议
• Jira clone 使用 React + Node.js 写的项目管理工具 Jira 的克隆

其它

• foldnfly 收集纸飞机折纸方法的网站，目前有40种纸飞机
• aqicn 实时空气质量指数地图
• AST explorer 在编辑器中检查生成的AST
• NginxConfig Nginx配置在线极速生成“神器” Github
• i18ns 一个免费的i18n翻译搜索引擎
• localazy 翻译变得容易|本地化
• TableConvert Markdown表格编辑器，导入json/csv/excel/html 生成 Markdown 表格
• Chronologic Versioning 基于时间版本控制规范
• semver 语义化版本 2.0.0 语义化版本规范
• Snip 将打印的数学公式转成 LaTex 代码的工具
• NodeTube 一个可以自己架设的 Youtube 替代品，可以上传视频在网页观看，基于 Node.js
• nodesign 设计工具收集
• Is Apple silicon ready? 查询 Apple M1 相关软件支持情况
• UIColor.io 将十六进制和RGB颜色转换为 UIColor
• asciinema 命令行录制工具
• yaml-to-jsonschema yaml 生成 schema
• Easing Gradients 非线性颜色和自定义颜色渐变效果编辑小工具
• Avatartion 生成个性化的Notion风格的头像
• Dub 短连接服务开源的 Github
• go-httpbin 古老的 httpbin.org HTTP 请求与响应测试服务的 golang 移植 Github

一些网站

• 无线路由器使用分享与评测对比