JSON Crack | VS Code Extension | Documentation | Herowand Editor

An innovative, open source JSON visualization app.
Brings data to life through captivating graphs.

JSON Crack (jsoncrack.com)

JSON Crack is a free, open-source JSON visualization app that will revolutionize the way you work with data. With its intuitive and user-friendly interface, JSON Crack makes it easy to explore, analyze, and understand even the most complex JSON structures. Whether you're a developer working on a large-scale project or a data enthusiast looking to uncover hidden insights, JSON Crack has the tools and features you need to unlock the full potential of your data.

Features

💯 Free & open-source.
🌓 Dark mode.
🖼️ Export to PNG, SVG & clipboard.
🔍 Zoom and panning support.
🛠 Wide range of tools - search, json path, node contents, expand/toggle, auto format...
🔗 Share/Import/Fetch
🧱 Embeddable iframe widgets.

Contributing

Missing something or found a bug? Report here.
Want to contribute? Check out our contribution guide or let us know on Discord.

Sponsors & support

If you like the project, you can become a sponsor at GitHub Sponsors or use Herowand Editor.

Running Locally

Local

After cloning the repository, run the following commands:

# Install the packages
yarn install

# Start development server
# Then the development server will run at http://localhost:3000
yarn 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

Thank you for supporting JSON Crack

Last but not least, we're thankful to these companies for offering their services for free:

mostafa6765/jsoncrack