• Stars
    star
    22,993
  • Rank 930 (Top 0.02 %)
  • Language
    TypeScript
  • License
    GNU General Publi...
  • Created over 2 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

⭐️ Transform data chaos into clarity with JSON Crack - the ultimate JSON visualization solution.

Logo

JSON Crack (formerly JSON Visio)

The open-source JSON Editor.
Learn more »

Discord · Website · Issues · VS Code

About the Project

booking-screen

More Than a JSON Editor

JSON Crack is a free, open-source data visualization app capable of visualizing data formats such as JSON, YAML, XML, CSV and more, into interactive graphs. With its intuitive and user-friendly interface, JSON Crack makes it easy to explore, analyze, and understand even the most complex data 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.

  • Dark mode.
  • Graph & Tree view modes.
  • Transform & filter data with AI.
  • Export to PNG, SVG, JPEG & clipboard.
  • Zoom and panning support with touch gestures.
  • Supports data formats like JSON, YAML, CSV, XML, TOML...
  • JQ, JSON Schema, Decode JWT, Generate Types and interfaces.
  • Wide range of tools - search graph, json path, validate, save to cloud...
  • Embeddable iframe widgets.

Recognition

Featured on Hacker News

JSON Crack | Product Hunt

Built With

Stay Up-to-Date

JSON Crack officially launched as v1.0 on the 17th of February 2022 and we've come a long way so far. Watch releases of this repository to be notified of future updates:

Star at GitHub

Getting Started

To get a local copy up and running, please follow these simple steps.

Prerequisites

Here is what you need to be able to run JSON Crack.

  • Node.js (Version: >=18.x)
  • Pnpm (recommended)

Development

Setup

  1. Clone the repo into a public GitHub repository (or fork https://github.com/AykutSarac/jsoncrack.com/fork). If you plan to distribute the code, keep the source code public to comply with GPLv3. To clone in a private repository, acquire a commercial license

    git clone https://github.com/AykutSarac/jsoncrack.com.git
  2. Go to the project folder

    cd jsoncrack.com
  3. Install packages with yarn

    pnpm install
  4. Run the project

    pnpm dev
    
    # Running on http://localhost:3000/

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`
docker run -p 8888:8080 jsoncrack

# Run locally with `docker-compose`
docker-compose up -d

# Go to http://localhost:8888

Contributing

Please see our contributing guide.

Good First Issues

We have a list of help wanted that contain small features and bugs which have a relatively limited scope. This is a great place to get started, gain experience, and get familiar with our contribution process.

Contributors

License

Distributed under the GPLv3 License. See LICENSE for more information.

More Repositories

1

github-rater

📊 Check your GitHub rating, view results and enhance your profile quality.
TypeScript
445
star
2

jsoncrack-vscode

VS Code extension of JSON Crack.
TypeScript
173
star
3

chatify

💬 Realtime Chat application made with Vue 3, Fastify and WebSocket.
Vue
88
star
4

react-quiz

💡 Quiz app made using React & Open Trivia DB.
JavaScript
38
star
5

epic-games-clone

🎮 Epic Games Launcher frontend clone made with React & Redux.
JavaScript
29
star
6

proc-manager

🧨 Interactive Process Killer CLI made with Go!
Go
24
star
7

github-gram

📷 GitHub-gram lets you to view GitHub users in instagram-like layout, check users repositories. Made with Nuxt.js and GitHub API.
Vue
11
star
8

aykutsarac.github.io

⚡️ Personal website made with Next.js.
TypeScript
7
star
9

exxen-clone

🎞 This project is a frontend clone of Exxen created with React.
JavaScript
7
star
10

linkedin-dark

🕯 Dark Theme extension for LinkedIn with Discord color schema.
CSS
7
star
11

print-web

🖨 Print screenshot of website using Vue, Express & Puppeteer.
Vue
7
star
12

unifind

🗺 Search for universities around the world. Made with React, Universities API & Flags API.
JavaScript
6
star
13

vue-quizapp

💡 Quiz app made using Vue, Vuex & Open Trivia DB.
Vue
5
star
14

react-jimp

🎨 Easy image manipulation component for React. JIMP's React implementation.
JavaScript
5
star
15

express-authentication

Simple authentication repository made with Express & MongoDB
JavaScript
5
star
16

jsoncrack-react

Graph visualization react component powers the JSON Crack.
TypeScript
3
star
17

chatapp

Chat application made using socket.io & express on Node.js.
HTML
3
star
18

express-blog

(Incomplete) Express blog application.
JavaScript
3
star
19

it-logger

IT-Logger app made with React & Redux.
JavaScript
3
star
20

vue-todoapp

📆 Simple todo app made with Vue to learn the basics.
Vue
3
star
21

issue-buildable-flow

⚡ This is a simple flow made on Buildable connecting GitHub API to update README.
2
star
22

Order-Managment-System

Order Managment System created with C# and SQLite.
C#
2
star
23

contact-keeper

Contact Keeper app made with MERN stack.
JavaScript
2
star