handbook

排行榜统计

徽章

在线作图

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 类型的工具
npmpackage.info 查看 npm 包更详细信息的网站

工具

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 动画生成调试预览工具

免费托管服务工具

正则表达式工具

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

一些网站

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

一些正则表达式随记

Edit this page on GitHub 2025/01/12