Tool Hub

Generador JSON → TypeScript

Genera interfaces TypeScript a partir de una muestra JSON

Genere interfaces TypeScript a partir de una muestra JSON. Pegue un objeto JSON, establezca un nombre de tipo raíz e inmediatamente obtenga definiciones de interfaz anidadas con tipos inferidos. La conversión se ejecuta completamente en su navegador — no hay datos que salgan de la página.

JSON de entrada

TypeScript de salida
export interface Address {
  city: string;
  zip: string;
}

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

Cómo usar

  1. Pegue un objeto JSON en el panel izquierdo.
  2. Establezca el nombre de la interfaz raíz y elija interfaz o alias de tipo.
  3. Alterne readonly o null-to-optional según sea necesario.
  4. Copie las definiciones de TypeScript generadas desde el panel derecho — la conversión se ejecuta completamente en su navegador.

Ejemplos

  • Pegar {"id":1,"tags":["dev"],"address":{"city":"Seoul"}} con nombre raíz Root produce una interfaz Root con interfaz Address anidada inferida automáticamente.
  • Habilitar "null → optional" cambia campos cuyo valor es null de `field: null` a `field?: unknown`.

Verifica las salidas antes de usar en producción. Sin garantía — ver Términos.