Generate TypeScript interfaces from a JSON document. Runs entirely in your browser.
Infers TypeScript interfaces from the shape of your JSON. Arrays of objects are merged into a single interface, with fields that aren't present on every item marked optional. Nested objects get their own named interface based on the containing key. This covers common cases well but, unlike a full schema, can't know things like whether a "number" should really be a more specific literal type — review the output before relying on it.
Copy this HTML to cite this tool from your own site or article.
JSON to TypeScript interface generator analyzes JSON sample payloads and generates clean, strongly-typed TypeScript interface declarations.
JSON Input: {"id":1,"active":true} TypeScript Output: export interface UserProfile { id: number; active: boolean; }
Nested objects are extracted into separate child interface declarations for clean modular code.
Arrays with varying element types produce union types (such as (string | number)[]).
Text & Data
Compare two JSON documents and inspect changed paths locally.
Text & Data
Escape text for embedding in JSON, or unescape a JSON string literal back to raw text.
Text & Data
Flatten nested JSON into dot-notation keys, or rebuild nested JSON from flat keys.