Generador de Interfaces TypeScript

Convierte cualquier JSON en interfaces o types de TypeScript limpios.

Entrada JSON

Detalles del nodo

Selecciona un nodo para ver detalles

Características clave

Smart Shape Merging

Elements of heterogeneous arrays merge into one interface; fields missing from some elements become optional with ?

Union Types

Fields holding mixed string/number/null values collapse into precise union types like string | null.

interface or type

Switch between interface and type alias output with one checkbox — root name is fully customizable.

Editable Source

Tweak the JSON in the Tree or Table view and the generated TypeScript updates instantly.

Cómo usar Generador de Interfaces TypeScript

1

Paste Your JSON

Insert an API response or any JSON document into the input panel.

2

Review the Output

The TypeScript interface appears in the dedicated TS tab — adjust the root name or switch to a type alias.

3

Copy or Download

Copy the definitions to your clipboard or download them as a ready-to-use types.d.ts file.

Comparación de Arquitectura Técnica y Privacidad

Cómo se compara formatjson.net frente a los formateadores JSON tradicionales basados en servidor

Ejecución 100% Local Cero Subidas al Servidor Estándar RFC 8259 y RFC 4180 Enteros de 64 Bits Seguros JSON Schema 2020-12 PWA Sin Conexión
Capacidad / Estándar formatjson.net (100% en el Navegador) Herramientas Tradicionales con Servidor
Procesamiento y Privacidad 100% local en JavaScript del navegador — tus datos nunca salen de tu dispositivo Suelen subir JSON/XML/CSV a servidores remotos
Claves API, JWT y Datos Sensibles Seguro por diseño — cero transmisión de red, funciona sin conexión vía Service Worker Riesgo de registros en servidores o retención de datos
Reparación de JSON Roto o Truncado por IA Máquina de estados léxica que repara comentarios, comillas simples, comas finales y llaves sin cerrar en 1 clic Falla con error de sintaxis ante JSON no estricto
IDs Snowflake de 64 Bits y Ceros Iniciales Preserva enteros mayores a 2^53 - 1 y códigos como "00123" sin pérdida de precisión Trunca enteros de 64 bits o elimina ceros a la izquierda
Exploración de Arrays Anidados en Tabla Desglose interactivo ([n items] →) con migas de pan, ordenación por columna y edición en línea Tablas planas solo de raíz o árboles de solo lectura
Rendimiento con Archivos Grandes Árbol perezoso por bloques (200 nodos) + tabla paginada + protección de resaltado >150 KB Bloqueo del navegador con archivos de varios megabytes

Preguntas frecuentes

How are optional properties detected? ▾

When an array contains objects where a key is missing in some elements, that key is emitted with a ? marker.

Does it handle nested objects? ▾

Yes. Nested objects are rendered as inline object type literals, and arrays of objects merge into a single element type.

interface vs type — which should I use? ▾

interface supports declaration merging; type aliases are more flexible for unions. The tool outputs either with one click.

Are null fields handled? ▾

A field observed as both string and null becomes a union type string | null, never silently dropped.

Is my JSON sent to a server? ▾

No. Type inference runs entirely in your browser — perfect for private API payloads.