Conversor JSON a TypeScript

Desarrollo

Genera interfaces TypeScript y esquemas Zod a partir de JSON

Se ejecuta en tu navegador
No se envía nada a un servidor
Sin registro

Presets y opciones

Nombre de interfaz raíz

Modo de salida

Readonly (inmutable)Campos opcionales (?)

Objeto JSON

Pega tu estructura JSON de entrada

Definiciones TypeScript

Código tipado e inferido automáticamente

export interface Usuario {
  id: string;
  nombre: string;
  email: string;
  rol: string;
  activo: boolean;
  edad: number;
  saldo: number;
  habilidades: string[];
  perfil: UsuarioPerfil;
  metadatos: null | unknown;
}

export interface UsuarioPerfil {
  avatarUrl: string;
  bio: string;
  dosFactoresHabilitado: boolean;
  preferencias: UsuarioPerfilPreferencias;
}

export interface UsuarioPerfilPreferencias {
  tema: string;
  notificaciones: UsuarioPerfilPreferenciasNotificaciones;
}

export interface UsuarioPerfilPreferenciasNotificaciones {
  email: boolean;
  sms: boolean;
  push: boolean;
}

Conversor JSON a TypeScript y Zod

Pega cualquier objeto o respuesta de API en JSON y obtén interfaces TypeScript estrictas, alias de tipo o esquemas de validación Zod con inferencia automática de tipos anidados y arrays.

El motor detecta strings, números, booleanos, null, arrays homogéneos y heterogéneos, y genera una interfaz por cada objeto anidado con nombres derivados de las claves.

Opciones para marcar todas las propiedades como readonly u opcionales. Todo se procesa en tu navegador; el JSON nunca sale de tu equipo.

¿Cómo funciona?

Pega el JSON
Introduce el objeto o usa uno de los presets (e-commerce, auth, paginación).
Elige el modo
Interface, type o esquema Zod con su z.infer correspondiente.
Copia o descarga el .ts
El código se regenera al instante con cada cambio de opciones.

Preguntas Frecuentes

¿Por qué generar Zod además de tipos?

Los tipos de TypeScript desaparecen en tiempo de ejecución. Zod valida los datos reales (una respuesta de API, un formulario) y su z.infer te da el tipo estático gratis.

¿Cómo trata los arrays con elementos distintos?

Genera una unión de todos los tipos encontrados, por ejemplo (string | number)[].

¿Qué pasa con las claves no válidas como identificadores?

Las claves con guiones o espacios se emiten entre comillas, que es sintaxis válida en interfaces y objetos de TypeScript.

Herramientas Relacionadas

Validador JSON Conversor YAML ↔ JSON Conversor JSON ↔ CSV Formateador SQL

Ver todas las herramientas