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

AykutSarac 45f08ec3ec fix download modal z-index %!s(int64=2) %!d(string=hai) anos
.github 5a358d1222 update sponsor links %!s(int64=2) %!d(string=hai) anos
public 4b1e5b923e complete migration %!s(int64=2) %!d(string=hai) anos
src 45f08ec3ec fix download modal z-index %!s(int64=2) %!d(string=hai) anos
.eslintrc.json ed09c71d92 setup test environment %!s(int64=3) %!d(string=hai) anos
.gitignore 5a27eb123e add pwa scripts to ignore %!s(int64=3) %!d(string=hai) anos
.prettierignore 42bc27aa97 prettify %!s(int64=2) %!d(string=hai) anos
.prettierrc 42bc27aa97 prettify %!s(int64=2) %!d(string=hai) anos
.travis.yml 42bc27aa97 prettify %!s(int64=2) %!d(string=hai) anos
Dockerfile 5eebab6f7f dockerfile improvement %!s(int64=2) %!d(string=hai) anos
LICENSE 191b692006 Create LICENSE %!s(int64=3) %!d(string=hai) anos
README.md b7e365dc24 update producthunt links %!s(int64=2) %!d(string=hai) anos
default.conf 5eebab6f7f dockerfile improvement %!s(int64=2) %!d(string=hai) anos
jest.config.ts 42bc27aa97 prettify %!s(int64=2) %!d(string=hai) anos
jest.setup.ts 42bc27aa97 prettify %!s(int64=2) %!d(string=hai) anos
next-env.d.ts a4da57fa41 Initial commit from Create Next App %!s(int64=3) %!d(string=hai) anos
next.config.js 01e4643b2e code refactor %!s(int64=2) %!d(string=hai) anos
package.json 74125565f9 enable perfmode by default %!s(int64=2) %!d(string=hai) anos
tsconfig.json 8b2822221f convert parser into TS %!s(int64=3) %!d(string=hai) anos
yarn.lock 74125565f9 enable perfmode by default %!s(int64=2) %!d(string=hai) anos

README.md

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

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 Docker file is provided in the root of the repository.
If you want to run JSON Crack locally:

* Build 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.