Repolode
Enviar
AykutSarac

AykutSarac/jsoncrack.com

Editor de JSON open source que transforma JSON, YAML, CSV e XML em gráficos interativos, com conversão de formatos e geração de código.

Alternativa open source a:Oracle JSON Viewer

Ver no GitHubSite
Estrelas
44,515
Forks
3,577
Issues abertas
46
Último commit
mês passado

O que é?

O JSON Crack visualiza dados estruturados, como JSON, YAML, CSV e XML, em gráficos ou árvores interativos, facilitando a exploração, formatação e validação de dados aninhados. Ele está disponível como app web, extensão do VS Code, extensão do Chrome e pacote npm chamado jsoncrack-react.

Além da visualização, a ferramenta converte entre formatos, como de JSON para CSV ou de XML para JSON, e gera interfaces TypeScript, structs de Golang, data classes de Kotlin, tipos serde de Rust e JSON Schema. Também permite executar consultas jq e JSONPath e exportar visualizações como PNG, JPEG ou SVG.

Todo o processamento de dados acontece localmente no navegador, então as entradas não são armazenadas em servidores externos. O app web foi desenvolvido com Next.js e React e pode ser executado localmente com pnpm ou Docker.

Recursos principais

  • 01Visualiza JSON, YAML, CSV e XML em gráficos ou árvores interativos.
  • 02Converte entre formatos, como de JSON para CSV e de XML para JSON.
  • 03Gera tipos em TypeScript, Golang, Kotlin e Rust, além de JSON Schema.
  • 04Executa consultas jq e JSONPath nos dados.
  • 05Exporta visualizações como PNG, JPEG ou SVG.

Casos de uso

  • Explorar respostas de API grandes ou profundamente aninhadas.
  • Converter rapidamente dados entre JSON, CSV e XML.
  • Gerar modelos tipados a partir de payloads JSON de exemplo.
  • Usar a extensão do VS Code para inspecionar arquivos JSON no editor.

Início rápido

  1. 1

    Clone o repositório

    git clone https://github.com/AykutSarac/jsoncrack.com.git
  2. 2

    Acesse a pasta do projeto

    cd jsoncrack.com
  3. 3

    Instale os pacotes com pnpm

    pnpm install
  4. 4

    Execute o app web e abra http://localhost:3000/

    pnpm dev:www

Antes de usar

  • Para executar a partir do código-fonte, é necessário ter Node.js 24 ou mais recente e pnpm 10 ou mais recente.
  • O README explica apenas a configuração a partir do código-fonte; não há instruções sobre um instalador desktop empacotado.

Tópicos

#json#visualization#yaml#csv#xml#json-schema#code-generation#nextjs#diagrams#graph

Perguntas frequentes

O que é jsoncrack.com?
Editor de JSON open source que transforma JSON, YAML, CSV e XML em gráficos interativos, com conversão de formatos e geração de código. O JSON Crack visualiza dados estruturados, como JSON, YAML, CSV e XML, em gráficos ou árvores interativos, facilitando a exploração, formatação e validação de dados aninhados. Ele está disponível como app web, extensão do VS Code, extensão do Chrome e pacote npm chamado jsoncrack-react.
jsoncrack.com é gratuito? Qual é a licença?
jsoncrack.com é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
jsoncrack.com ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de jsoncrack.com foi em 14 de set. de 2026.
Para que posso usar jsoncrack.com?
Explorar respostas de API grandes ou profundamente aninhadas. Converter rapidamente dados entre JSON, CSV e XML. Gerar modelos tipados a partir de payloads JSON de exemplo. Usar a extensão do VS Code para inspecionar arquivos JSON no editor.
Como instalar jsoncrack.com?
Clone o repositório: git clone https://github.com/AykutSarac/jsoncrack.com.git Acesse a pasta do projeto: cd jsoncrack.com Instale os pacotes com pnpm: pnpm install Execute o app web e abra http://localhost:3000/: pnpm dev:www
Onde consigo jsoncrack.com?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/AykutSarac/jsoncrack.com

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados