About Transform
Transform is a web converter that changes code and data from one format into another. It covers many pairs, from JSON and YAML to TypeScript types, React components and database schemas.
What it does
You paste input on one side, choose the target format, and the converted code appears on the other side. The tool handles config files, data formats and component code. SVG input can be optimised before it becomes a component, using the built-in SVGO settings.
Key features
- Turn JSON into TypeScript, Go structs and more
- Convert SVG icons into React components
- Switch between YAML, TOML and JSON
- Turn JSON Schema into Zod schemas
- Optional SVG optimisation with SVGO
Who it's for
Front-end and back-end developers who need types or models from sample data, and designers moving artwork into code. It saves time when you have a sample and need a matching structure.
Pricing and good to know
Transform is open source under the MIT license and is free to use in the browser. The project is hosted on GitHub, so you can read the source or report issues there. Generated output may need manual review for naming and edge cases, so check the code before using it in production.
Highlights
- Turn JSON into TypeScript, Go structs and more
- Convert SVG icons into React components
- Switch between YAML, TOML and JSON
- Turn JSON Schema into Zod schemas
- Optional SVG optimisation with SVGO
