Transform.tools 支持哪些格式转换?
Transform.tools 是一个在线“多语言转换器”，把一种格式的代码或数据粘贴进去，直接得到另一种格式的结果。它最适合前端开发、数据建模和 Schema 定义场景：比如把 SVG 图标转成 React 组件、把 JSON 样本转成 TypeScript 类型、把 JSON Schema 转成 OpenAPI 或 Zod。转换在浏览器里完成，不需要安装依赖，适合临时、零散的格式搬运。
前端相关转换
这一组是它最常用的部分，围绕 JSX / React 生态：
- SVG：SVG 转 JSX、转 React Native。页面显示 SVG 转换默认开启 SVGO 优化，可以在设置里关闭或调整。
- HTML：HTML 转 JSX、转 Pug。
- CSS：CSS 转 JS Objects、转 TailwindCSS、转 template literal。
适用条件：你手上有一段现成的 SVG / HTML / CSS，想直接塞进 React 项目或换成另一种写法。注意 SVG 默认会经过 SVGO 压缩，如果对原始路径、属性有精确要求，先关掉优化再转。
数据与 Schema 转换
JSON 及其衍生 Schema 是覆盖最广的一类，输入一种、输出多种：
| 输入 | 可转出的目标 |
|---|---|
| JSON | BigQuery Schema、Flow、Go Bson、Go Struct、GraphQL、io-ts、Java、JSDoc、JSON Schema、Kotlin、MobX-State-Tree Model、Mongoose Schema、MySQL、React PropTypes、Rust Serde、Sarcastic、Scala Case Class、TOML、TypeScript、YAML、Zod Schema |
| JSON Schema | OpenAPI Schema、Protobuf、TypeScript、Zod Schema |
| TypeScript | Flow、JSON Schema、plain JavaScript、TypeScript Declaration、Zod Schema |
| Flow | plain JavaScript、TypeScript、TypeScript Declaration |
适用条件：你有一段 JSON 样本或一份 Schema，想生成对应语言的类型定义、ORM 模型或校验器。典型用法是拿接口返回的 JSON 直接生成 TypeScript 接口或 Zod 校验。注意生成结果依赖输入样本的完整性——JSON 里没出现的字段，转出的类型通常也不会包含。
GraphQL 相关转换
GraphQL 一侧支持从 Schema 或查询出发，转成多种工程产物：
- GraphQL 转 Components、Flow、Fragment Matcher、Introspection JSON、JAVA、Resolvers Signature、Schema AST、TypeScript。
- GraphQL 转 TypeScript 是常见用法，用于给查询结果补类型。
适用条件：你在做 GraphQL 客户端或服务端代码生成，想快速拿到类型或签名，而不是配置完整的 codegen 工具链。
其他格式互转
- 配置与数据：TOML 转 JSON、TOML 转 YAML、YAML 转 JSON、YAML 转 TOML、XML 转 JSON。
- 文档：Markdown 转 HTML。
- MongoDB JSON-LD：转 Compacted、Expanded、Flattened、Framed、N-Quads、Normalized。
- 其他：Cadence 转 Go。
适用条件：处理配置文件、文档或 JSON-LD 结构化数据时做一次性转换。
怎么判断它能不能满足你的需求
- 如果你的转换发生在上面列出的方向内，直接打开对应页面粘贴即可，无需登录或安装。
- 如果目标是反向（比如 TypeScript 转 JSON、Zod 转 JSON Schema），先确认列表里有没有对应入口——它按“输入 → 输出”成对组织，不是任意两种格式都能互转。
- 如果转换涉及运行时行为（比如 GraphQL Resolvers 的实际逻辑），工具只生成签名或骨架，业务代码仍需自己补全。
网站由 @ritz078 创建，定位是“省时间的多语言 Web 转换器”，适合开发过程中的临时转换，不适合当作构建流程里的自动化环节。