JSON to TypeScript & Zod

Development

Generate TypeScript interfaces and Zod validation schemas from JSON

Runs in your browser
Nothing is sent to a server
No sign-up

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.

How does it work?

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.

Frequently Asked Questions

¿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.

See all tools