DevLocal only

JSON to TypeScript

Convert JSON to TypeScript interfaces with nested types, export/optional/readonly options.

jsontypescriptinterfacetypesconvert

⌘⇧CCopy output

Your data stays in your browser — nothing is uploaded.

JSON Input

Root Interface Name

Options

export keywordOptional props (?)Readonly propsInline arrays

TypeScript Output

export interface Address {
  street: string;
  city: string;
  country: string;
  zipCode: string;
}

export interface OrdersItem {
  orderId: string;
  total: number;
  items: number;
}

export interface Root {
  id: number;
  name: string;
  email: string;
  isActive: boolean;
  address: Address;
  tags: string[];
  orders: OrdersItem[];
}

💡

What is JSON to TypeScript?

JSON to TypeScript converts any JSON structure into clean TypeScript interfaces automatically. It handles nested objects, arrays, and generates properly named sub-interfaces. Configurable with export keywords, optional properties, and readonly modifiers.

🚀

How it Helps

✓Instantly generate TypeScript interfaces from API responses or JSON data.
✓Handle nested objects with automatically named sub-interfaces.
✓Customize output with export, optional, and readonly modifiers.

📖

Usage Guide

1Paste JSON into the input area.
2Set the root interface name and toggle options.
3Copy the generated TypeScript code.

Frequently Asked Questions

Yes, each nested object gets its own named interface, creating a clean type hierarchy.

Arrays are typed based on their first element. Mixed-type arrays generate union types.

Absolutely. Paste an API JSON response and get ready-to-use TypeScript interfaces.