Formatador & Visualizador JSON
Formate, valide, minifique e explore dados JSON. 100% no lado do cliente — seus dados nunca saem do seu navegador.
Como Formatar JSON
Cole
Cole seu JSON no painel de entrada. A ferramenta detecta e valida automaticamente em tempo real.
Formate
Clique em Formatar para embelezar ou Minificar para comprimir. Escolha indentação de 2 espaços, 4 espaços ou tabulação.
Copie
Copie o resultado para a área de transferência ou mude para Visualização em Árvore para explorar estruturas aninhadas visualmente.
O que é JSON?
JSON (JavaScript Object Notation) é um formato leve de intercâmbio de dados que é fácil para humanos ler e escrever, e fácil para máquinas analisar e gerar. É o formato dominante para APIs, arquivos de configuração e armazenamento de dados em toda a web.
JSON suporta seis tipos de dados: strings (texto entre aspas duplas), números (inteiros e decimais), booleanos (verdadeiro/falso), null, arrays (listas ordenadas) e objetos (pares chave-valor). Todo documento JSON válido é um objeto {} ou um array [] no nível superior.
Recursos
Formatar & Embelezar
Transforme JSON minificado em formato devidamente indentado e legível para humanos. Escolha entre indentação de 2 espaços, 4 espaços ou tabulação para corresponder ao estilo do seu projeto.
Minificar
Remova todos os espaços em branco e quebras de linha para produzir a menor saída JSON possível. Ideal para APIs de produção, arquivos de configuração e redução de tamanho de carga.
Validar
Validação instantânea de JSON com mensagens de erro claras apontando para a linha e posição do caractere exato do erro de sintaxe. Detecta vírgulas faltantes, chaves não citadas, vírgulas finais e mais.
Visualização em Árvore
Explore JSON como uma estrutura de árvore recolhível. Clique para expandir/recolher objetos e arrays. Veja tipos de dados codificados por cor: strings em verde, números em amarelo, booleanos em rosa.
Casos de Uso Comuns
- Depuração de API — formate respostas de API para entender a estrutura de dados, encontre campos faltantes e verifique o aninhamento correto.
- Arquivos de configuração — valide e embeleze package.json, tsconfig.json, .eslintrc e outros arquivos de configuração antes de confirmar.
- Análise de dados — explore grandes conjuntos de dados JSON com visualização em árvore para entender a estrutura sem escrever código.
- Aprendizado & ensino — visualize estrutura JSON para tutoriais, documentação e exercícios de aprendizado.