前端开发工具
loading.io
在线动画生成工具，内置大量 spinner 与图标模板、100 多种动画预设，可调颜色、大小和速度，并导出 SVG、CSS、Lottie 等格式，适合前端开发者给页面加载状态和按钮补 loading 效果。
iconfont
阿里妈妈推出的矢量图标平台，收录上千万图标，支持关键词搜索、多格式下载和转字体调用，也能用 AI 生成或统一图标风格，适合给项目找一套风格统一的图标或把图标做成字体嵌进页面的设计师和前端工程师。
Rough Notation
开源的 JavaScript 手绘风标注库，提供下划线、方框、圈选、高亮等八种样式，可设颜色、线宽和动画时长，也能按组依次画出做分步讲解，适合前端开发者在教程页和产品引导里圈出重点。
Stagehand
Browserbase 出品的开源浏览器智能体开发工具包，沿用 Playwright 风格 API，提供自然语言驱动的动作与页面自愈，适合已在用 Playwright、想把大模型接进采集流程的开发者。
WebSocket DevTools
免费开源的 Chrome / Edge 扩展，在开发者工具里加一个 WebSocket 面板，可实时查看消息、双向模拟收发、按条拦截并收藏重发，适合调试聊天、行情推送这类长连接功能的前端和测试人员。
HTML颜色代码
Dixon & Moe 出品的在线颜色工具站，提供颜色选择器、图片取色、色轮和四套预设调色板，可直接取 Hex、RGB、HSL、OKLCH 数值并生成 CSS 样式，免注册，适合前端开发者与设计人员临时查一个色值。
T
Tesseract.js
开源 JavaScript OCR 库，把 Tesseract 引擎移植到浏览器和 Node.js，支持 100 多种语言识别、文字方向判断和字符边界框定位，适合前端开发者把识别放在浏览器里跑、省掉上传图片的环节。
ColorZilla
由 iosart labs llc 开发的浏览器扩展，提供滴管取色、颜色分析器和类似 Photoshop 的 CSS 渐变生成器，适合写样式时想抄一个现成页面配色或临时生成一段渐变背景代码的前端工程师与 UI 设计师。
uni-app
DCloud 出品的跨端开发框架，用 Vue.js 写一套代码即可编译到 iOS、Android、鸿蒙 Next、Web 和十多种小程序，支持条件编译与原生混写，适合接小程序外包的团队一套代码同时上线 App 和多个小程序。
JsonDiffPatch
在线 JSON 差异比较工具兼同名 npm 库，支持 JSON5 与带注释 JSON，输出可视化差异、delta 或 RFC 6902 补丁，数组按 key、id、name 智能配对，适合开发者调接口时对比前后两次响应。
NativeScript-Vue
把 Vue 3 代码渲染成 iOS 与 Android 原生控件的移动开发框架，可调用全部原生 API，适合熟悉 Vue、不满足于 WebView 套壳而想用一套代码覆盖双端的移动开发者。
J
JSRUN
国产在线代码编辑器，支持 HTML/CSS/JS、Python、Java、C/C++ 等多种语言在浏览器里即写即跑，可保存分享代码并嵌入可运行示例，适合通勤路上在手机上改一段 JS 或看教程时直接改示例验证。
Driver.js
开源的轻量 JavaScript 库，不依赖框架，约 5kb，能按步骤做产品导览、单点高亮元素、挂常驻提示气泡和带勾选状态的新手清单，适合前端开发者给功能较多的 SaaS 后台降低新用户上手门槛。
Colorsinspo
Hexorial Studio 出品的免费在线配色工具站，可浏览上千套调色板、从图片取主色、按 WCAG 2.2 检测对比度并生成 Tailwind 色阶，适合做 UI 的设计师定完配色后顺手检查文字可读性。
H
Hero Patterns
由 Steve Schoger 维护的免费 SVG 背景图案库，图案可无缝平铺，能实时调整前景色、背景色和透明度并生成 CSS 规则，适合前端开发者给卡片或整页铺一层不抢内容的纹理背景。