Transform Tools
Transform Tools 是给开发者把代码与数据格式就地互转的浏览器工具集。
网站&在线应用
简介
Transform Tools 把「把一段数据翻译成另一种写法」这件事做成了索引式的工具集合。侧边栏按输入类型列出 SVG、HTML、JSON、JSON Schema、CSS、JavaScript、GraphQL、JSON-LD、TypeScript、Flow 与其它共十一个分组,合计 64 款转换器,从 JSON 到 Go 结构体、GraphQL 到 TypeScript、JSON-LD 的展开与扁平化,到 SVG 转 React 组件都有对应入口。每款转换器都是左右对照的双栏布局,左侧粘贴源内容,右侧输出目标格式,顶部提供齿轮设置、上传与清空按钮,结果区可一键复制;SVG 相关转换器的设置面板里还能开关 SVGO 优化。转换所需的依赖全部打包在前端页面内,代码只在本机浏览器中处理,站点没有账号体系,页面里也不插广告。
适用人群
要在几种格式之间来回倒腾数据的开发者最适合:JSON 转 Go 结构体、GraphQL schema 转 TypeScript、SVG 转 React 组件这类一次性活,打开对应页面粘贴就能拿到结果,省掉装插件或写脚本的功夫;写文档、做接口联调、把旧数据迁到新结构的人也能直接用。反过来,需要一次处理上百个文件、或要把转换接进构建流水线的人不必在这里逐个页面点——它一次只跑一种转换,站内没有批量队列、命令行与 API,那种活交给本地脚本更省事。
优缺点
- ✅ 转换器覆盖面广:十一个分组合计 64 款转换器,从 JSON、GraphQL、TypeScript 到 JSON-LD、CSS、SVG 都能找到对应入口。
- ✅ 纯前端本地运行:转换依赖直接打包进页面,粘贴的代码不上传服务器,敏感配置与业务数据可以放心粘贴。
- ✅ 零门槛使用:无需注册登录,没有调用额度与订阅墙,页面内也不插广告。
- ✅ 开源可自建:MIT 协议公开源码,可自行构建部署到内网,开发者也能按文档添加新的转换器。
- ❌ 一次只能处理一种转换:每款转换器是独立页面,没有批量队列,多文件互转需要逐个打开。
- ❌ 结果只能复制:输出区没有下载为文件的按钮,长结果需要自己粘贴保存。
使用方法
- 打开站点后,在左侧边栏通过搜索框或分组找到需要的转换器,例如 JSON to TypeScript。
- 把源内容粘贴进左栏编辑区,也可以点击上传按钮选择本地文件。
- 右栏生成目标格式结果,确认无误后点击 Copy 复制。
- 如需调整行为,点击左栏顶部的 Settings 打开设置面板,例如开关 SVG 的 SVGO 优化。
收费价格
完全免费。站点没有付费版本,也没有账号与配额概念;源码以 MIT 协议公开在 GitHub 上,自建部署不产生授权费用,线上站点托管在 Vercel 上。
支持的平台
纯网页应用,任何现代浏览器(Chrome、Edge、Firefox、Safari)打开即用,无需安装;站点带有 Web 应用清单,可在移动端添加到主屏幕以独立窗口运行。
截图
相关链接
功能标签
特色
SVG 优化开关
左栏顶部的 Settings 面板可调整转换行为,SVG 类转换器能开关 SVGO 优化。
SVG 转组件代码
SVG 分组里除常规格式化外,还能把 SVG 直接转成 React 组件代码,可直接粘进前端工程。
分组导航与搜索
侧边栏按输入类型分组列出全部转换器,顶部搜索框支持按名称即时过滤,找工具不必逐项翻找。
双栏对照编辑区
左栏粘贴源内容,右栏给出目标格式结果,顶部提供设置、上传与清空按钮,结果可一键复制。
可装成独立窗口
站点带 Web 应用清单,移动端可添加到主屏幕以独立窗口运行。
替代方案
开发者工具
Dillinger
Dillinger 是一个免注册、打开就写的在线 Markdown 编辑器,适合快速产出 README 与技术文档。
ExplainShell
ExplainShell 是一个把命令行参数逐项对回手册原文的在线工具,适合查陌生参数。
Crates
Crates 是一个按名字查 Rust 依赖包、按下载量比口碑的注册表,适合选包前先验证维护状态的开发者。
DBeaver
DBeaver 是一个统一管理多种数据库连接、适合多库项目做查询与数据维护的开源桌面客户端。
SQLite Online
SQLite Online 是一个打开浏览器就能跑多种 SQL 的在线编辑器,适合临时查库和验证建表脚本。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END













