JSON to TypeScript Interface
Paste a JSON object to automatically generate TypeScript interfaces with nested types.
interface Address {
street: string;
city: string;
}
interface Root {
id: number;
name: string;
email: string;
active: boolean;
score: unknown | null;
address: Address;
tags: (string)[];
}About This Tool
- Paste your JSON into the left input panel
- TypeScript interfaces are generated automatically as you type
- Enter a custom root interface name in the field provided
- Toggle between interface and type alias output
- Enable readonly or optional modifiers as needed
- Click Copy to copy the generated TypeScript to your clipboard
- Generating TypeScript types from REST API response payloads
- Creating interfaces from JSON configuration file structures
- Scaffolding types from database query result shapes
- Converting JSON Schema examples into TypeScript definitions
- Nested objects are extracted into separate named interfaces automatically
- Arrays with mixed value types generate union types
- null values produce nullable types (Type | null)
- Use the optional fields toggle when your API may omit certain keys
Related Tools
JSON Formatter & Validator
Paste JSON to pretty-print, validate, minify, and explore. Click any node in the tree view to copy its JSONPath expression — perfect for building API queries.
cURL to Code Converter
Paste a cURL command and instantly get the equivalent code in Python, JavaScript, Go, PHP, and more. Perfect for converting browser DevTools requests into production code.
Prettier Code Formatter & Colorizer
Reformat and colorize your code using Prettier and react-syntax-highlighter. Easily convert messy code into a clean, readable format with syntax highlighting.
Markdown Table Generator
Build and edit Markdown tables visually using a spreadsheet-like grid. Add and remove rows and columns, set column alignment, paste data from a spreadsheet, and copy the finished Markdown with one click.