JSON Converters Code Gen Formatters All tools Browse all tools built byAbhay Darji

JSON to TypeScript Converter

Generate TypeScript types from JSON instantly. Optional fields are detected automatically. Runs entirely in your browser.

100% client side No upload No size limit Works offline
Input
Output
Ready
Drop a file to load it

About this tool

Paste a JSON sample and get TypeScript type definitions you can use immediately. Emits `interface` declarations. Optional fields use `?`, so `strictNullChecks` will catch the ones your API omits.

When you would use it

  • Typing an API client or validating a response shape at the boundary
  • Bootstrapping models from a real JSON response instead of writing them by hand
  • Keeping types in step with an API that has changed

Worked example

JSON
{
  "id": 4815,
  "name": "Ada Lovelace",
  "active": true,
  "score": 91.5,
  "roles": ["admin", "editor"],
  "address": { "city": "London", "postcode": "NW1" }
}
TypeScript
export interface Root {
  id: number;
  name: string;
  active: boolean;
  score: number;
  roles: string[];
  address: Address;
}
export interface Address {
  city: string;
  postcode: string;
}

Things worth knowing

  • Every object in an array is merged when inferring the shape, so a field missing from one item is marked optional rather than assumed to always be present.
  • Identical nested shapes are de-duplicated into a single type instead of generating near-duplicates.
  • Array element types are named from the singular of the field name, so posts produces a Post type.
  • A sample with more records produces better types, because optional fields only reveal themselves across several examples.
Questions

Frequently asked

How are optional fields detected?
By comparing every object in an array. A key present in some records but not others becomes optional; a key present in all of them is required. This is why passing several records gives better results than one.
Can it handle deeply nested JSON?
Yes. Nested objects become separate named types, referenced from their parent, at any depth.
Is my data uploaded anywhere?
No. Every tool on JSONWorks runs entirely in your browser using JavaScript. Your input is never sent to a server, never logged and never stored. The simplest proof is to disconnect from the internet — the tools keep working. The site does load Google Fonts and a Google Analytics page-view tag, so you will see those two requests in your network tab, but neither receives anything you type or paste.
Related

Tools that pair well with this