JSON to TypeScript Converter

Convert JSON to TypeScript format. Free online converter. No Signup required.

Root interface name:

Input JSON

Output TypeScript

Related Tools

JSON to TOON Converter

JSON Formatter

Random Strings Generator

Unix Timestamp Converter

What is JSON?

JSON (JavaScript Object Notation) is a widely used data-interchange format that represents structured data using readable key–value pairs. It is commonly used in APIs, configuration files, and backend systems.

Typical use cases include API responses, configuration storage, and data exchange between services.

What is a TypeScript Interface?

A TypeScript Interface is a powerful compile-time construct that defines the shape, properties, and types of an object in TypeScript. It provides strict type safety, autocompletion, and compile-time verification without adding any runtime overhead to JavaScript.

TypeScript interfaces are ideal for typing API response models, defining component prop contracts, establishing database schemas, and maintaining large-scale maintainable frontend/backend codebases.

Load Sample

JSON Input Data

{
  "userId": "4532",
  "username": "janedoe",
  "email": "jane@example.com",
  "verified": true,
  "preferences": {
    "theme": "dark",
    "notifications": {
      "email": true,
      "push": false,
      "sms": null
    }
  },
  "roles": ["admin", "moderator"],
  "recentProjects": [
    {
      "projectId": "proj_101",
      "title": "E-Commerce Microservice",
      "status": "active"
    }
  ],
  "lastLogin": "2026-10-20T12:00:00Z"
}

Generated TypeScript Interfaces

interface Notifications {
    email: boolean;
    push: boolean;
    sms: null;
}

interface Preferences {
    theme: string;
    notifications: Notifications;
}

interface RecentProject {
    projectId: string;
    title: string;
    status: string;
}

interface RootObject {
    userId: string;
    username: string;
    email: string;
    verified: boolean;
    preferences: Preferences;
    roles: string[];
    recentProjects: RecentProject[];
    lastLogin: string;
}