JSON to TypeScript

12 tools

Generate a TypeScript interface from JSON.

Runs in your browser — your files and text stay on your device

Generate a TypeScript interface from a sample JSON object. It's a quick way to type an API response, though a single sample can't tell optional fields or unions apart, so review the output. It runs in your browser and your data isn't uploaded.

Format & Validate Tree View JSON Diff JSON → CSV JSON ↔ YAML JSON ↔ XML → TypeScript Schema Generator Schema Validator JSONPath Tester Sort Keys JSON Lines

Sample JSON

TypeScript

interface Root {
  id: number;
  name: string;
  active: boolean;
  roles: string[];
  address: Address;
}

interface Address {
  city: string;
}

How to use this tool

1Paste a sample JSON payload — e.g. an API response.
2A matching TypeScript interface is generated automatically, with nested objects as separate interfaces.
3Copy it into your project.

Frequently asked questions

How are nested objects handled?

Each nested object gets its own named interface (based on its key), referenced from the parent — matching how you'd typically structure hand-written types.

What if a field could be more than one type?

The generator infers a type from the single sample value provided — it can't detect that a field might sometimes be null or a different type unless your sample shows that case.

Is my JSON uploaded anywhere?

No, the interface is generated entirely in your browser.

Guides

All guides →