Categoría: Desarrollo

JSON a TypeScript

Idea propia¿Falta una herramienta?

Convierte un documento JSON en interfaces TypeScript

Pega JSON y genera interfaces TypeScript inferidas desde su estructura, todo en tu navegador.

TypeScript
interface RootAddress {
  city: string;
  country: string;
}

interface Root {
  id: number;
  name: string;
  isActive: boolean;
  tags: string[];
  address: RootAddress;
}

Todo lo de esta página se procesa en tu navegador. No se sube nada.

Todo lo de esta página se procesa en tu navegador. No se sube nada.

Para qué sirve

El generador analiza objetos, arrays y valores primitivos para crear interfaces TypeScript de partida. Es útil para documentar respuestas de API, pero debes ajustar campos opcionales manualmente.

Cómo se usa

  1. Pega un documento JSON o carga el ejemplo.
  2. Define el nombre del tipo raíz.
  3. Copia las interfaces TypeScript generadas.

Privacidad

Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.

Preguntas frecuentes

¿Se sube mi JSON?
No. El análisis y la generación ocurren localmente en el navegador.
¿Detecta campos opcionales?
No con una sola muestra; todos los campos presentes se generan como obligatorios.
¿Qué pasa con arrays vacíos?
Se generan como unknown[] hasta que reemplaces el tipo real.