⭐️ Transform data chaos into clarity with JSON Crack - the ultimate JSON visualization solution.
fork from : https://github.com/AykutSarac/jsoncrack.com.git

Hexrt 7a084e39f7 fix: highlight red-dashed border display 2 tahun lalu
.github f60c2eb10d Update bug_report.yml 2 tahun lalu
public 7b207dcc39 fix manifest 2 tahun lalu
src 7a084e39f7 fix: highlight red-dashed border display 2 tahun lalu
.env.development 7172985750 update baseurl env variable 2 tahun lalu
.env.production 7172985750 update baseurl env variable 2 tahun lalu
.eslintrc.json ed09c71d92 setup test environment 3 tahun lalu
.gitignore 5a27eb123e add pwa scripts to ignore 3 tahun lalu
.prettierignore 42bc27aa97 prettify 2 tahun lalu
.prettierrc 42bc27aa97 prettify 2 tahun lalu
.travis.yml 42bc27aa97 prettify 2 tahun lalu
CODE_OF_CONDUCT.md 4fa5d88a81 update COC 2 tahun lalu
CONTRIBUTING.md 263696ed88 update CONTRIBUTING.md 2 tahun lalu
Dockerfile 7172985750 update baseurl env variable 2 tahun lalu
LICENSE 191b692006 Create LICENSE 3 tahun lalu
README.md 7172985750 update baseurl env variable 2 tahun lalu
TODO.md 841ff1f1a6 add COC & CONTRIBUTING & TODO 2 tahun lalu
default.conf 5eebab6f7f dockerfile improvement 2 tahun lalu
jest.config.ts 42bc27aa97 prettify 2 tahun lalu
jest.setup.ts 42bc27aa97 prettify 2 tahun lalu
next-env.d.ts a4da57fa41 Initial commit from Create Next App 3 tahun lalu
next.config.js 3d3de397c4 add swcMinify 2 tahun lalu
package.json 23fd115326 update version 2 tahun lalu
tsconfig.json 8b2822221f convert parser into TS 3 tahun lalu
yarn.lock c37c8d7af8 update packages 2 tahun lalu

README.md

<img width="1080" alt="jsoncrack" src="https://user-images.githubusercontent.com/47941171/187418000-8edea92b-b3ac-4b07-9c4c-e42f6763817d.png">

github sponsors travis ci badge license badge version badge github sponsors

Simple json visualization tool for your data.

  <img width="800" src="./public/jsoncrack-screenshot.webp" alt="preview 1" />

JSON Crack (jsoncrack.com)

JSON Crack is a tool that generates graph diagrams from JSON objects. These diagrams are much easier to navigate than the textual format and to make it even more convenient, the tool also allows you to search the nodes. Additionally, the generated diagrams can also be downloaded or clipboard as image.

You can use the web version at jsoncrack.com or also run it locally as Docker container.

JSON Crack - Crack your data into pieces

⚡️ Features

  • Search Nodes
  • Share links & Create Embed Widgets
  • Download/Clipboard as image
  • Upload JSON locally or fetch from URL
  • Great UI/UX
  • Light/Dark Mode
  • Advanced Error Messages

🛠 Development Setup

  npm install --legacy-peer-deps
  npm run dev

🐳 Docker

A Dockerfile is provided in the root of the repository. If you want to run JSON Crack locally:

  • Build a Docker image with docker build -t jsoncrack .
  • Run locally with docker run -p 8888:8080 jsoncrack
  • Go to http://localhost:8888

License

This project is open source and available under the MIT License.