Tool Hub

Gerador JSON → TypeScript

Gera interfaces TypeScript a partir de uma amostra JSON

Gere interfaces TypeScript a partir de uma amostra JSON. Cole um objeto JSON, defina um nome de tipo raiz e obtenha instantaneamente definições de interface aninhadas com tipos inferidos. A conversão é executada inteiramente em seu navegador — nenhum dado sai da página.

JSON de entrada

TypeScript de saída
export interface Address {
  city: string;
  zip: string;
}

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

Como usar

  1. Cole um objeto JSON no painel esquerdo.
  2. Defina o nome da interface raiz e escolha interface ou type alias.
  3. Alterne readonly ou null-to-optional conforme necessário.
  4. Copie as definições TypeScript geradas do painel direito — a conversão é feita inteiramente no seu navegador.

Exemplos

  • Colar {"id":1,"tags":["dev"],"address":{"city":"Seoul"}} com nome raiz Root produz uma interface Root com interface Address aninhada inferida automaticamente.
  • Ativar "null → optional" muda campos cujo valor é null de `field: null` para `field?: unknown`.

Verifique as saídas antes de usar em produção. Sem garantia — veja Termos.