JSON to TypeScript

You can generate either TypeScript interfaces or type aliases. Interfaces are the default and most common for object shapes, while type aliases offer more flexibility.

Yes. Each nested object is extracted into its own named interface/type, with the parent referencing it by name. This keeps the output clean and reusable.

Arrays are inferred from their contents. If all items are the same type, you get string[] or number[]. Mixed-type arrays produce a union like (string | number)[].

Yes. Your JSON is parsed and converted entirely in your browser. Nothing is sent to any server.

Yes. Enter a custom name in the 'Root name' field. It defaults to 'Root' but you can change it to match your domain model.

Null values are typed as 'null'. If you want them to be optional, you can manually add '?' to the property after copying the output.

Absolutely. Paste any JSON response from an API and get the corresponding TypeScript types instantly. Great for typing fetch calls and API clients.

Yes. The editor works on all screen sizes. On mobile, the panels stack vertically for comfortable editing.