aicoolies logo
JSON Crack logo

JSON Crack

Visualize JSON, YAML, XML, and CSV as interactive graphs

Share
open-sourceOpen Source
Visit Website →

JSON Crack transforms structured data files into interactive, visual graphs that make complex nested data easy to understand. Paste or import JSON, YAML, XML, CSV, or TOML and instantly see the data as a navigable node graph with collapsible sections, search, and path highlighting. All processing happens client-side with no server storage.

JSON Crack solves a common developer pain point: understanding deeply nested data structures. Whether you are debugging an API response or exploring a configuration file, the tool renders any structured data as a visual graph where each key-value pair and nested object becomes a connected node. You can collapse and expand sections, search for keys or values, and click any node to see its full JSON path.

The tool supports JSON, YAML, XML, CSV, and TOML formats. An integrated editor lets you modify data and see the graph update in real time. The comparison mode diffs two JSON documents with visual highlighting of changes. JSON Crack can generate shareable image exports for documentation.

JSON Crack is open source under Apache 2.0 with over 24,000 GitHub stars. The React component can be embedded in any web application. VS Code and JetBrains extensions bring visualization into the development workflow. All processing happens in the browser—nothing is sent to external servers.

Pricing

Free web tool, open source (Apache 2.0)

Platforms

Web browser, VS Code extension, JetBrains plugin

Categories

Browser Extensions & DevToolsProductivity & Workflow

Tags

Open SourceTypeScriptWeb-Based

Use Cases

Full-Stack Development

Alternatives

Page Agent

In-page AI browser agent via a single script tag

Page Agent is Alibaba's open-source JavaScript library that embeds an AI GUI agent directly into any web page through a single script tag injection. Unlike headless browser tools that operate externally, Page Agent works inside the DOM using text-based manipulation for natural language QA testing, enterprise copilots, and making legacy web apps AI-native. It supports BYOLLM with any model provider and requires no backend changes.

open-sourceOpen Source
VisBug logo

VisBug

Google Chrome Labs visual design tool for editing live web pages

VisBug is a Chrome Labs browser extension that lets developers and designers edit live web pages visually. It provides tools for moving, resizing, and styling elements directly on the page with point-and-click interaction. Features include margin and padding visualization, typography editing, color modification, and accessibility inspection without touching code or opening DevTools.

open-sourceOpen Source

Related Tools

ZCode

Z.ai desktop agentic development environment for GLM-5.2 coding

ZCode is Z.ai’s Agentic Development Environment for GLM-5.2 coding workflows. The desktop app combines a first-party coding agent, goal mode, model/provider setup, MCP server management, Git and terminal context, remote phone control, usage stats and safety confirmation modes so developers can plan, implement, review and iterate on long-running software tasks from one workspace.

freemiumTelemetry

OpenWiki

LangChain CLI for maintaining agent-friendly codebase documentation

OpenWiki is LangChain’s open-source CLI for generating and maintaining an agent-focused wiki inside a codebase. It can create an openwiki/ documentation folder, update it from repository changes, add guidance to AGENTS.md or CLAUDE.md, and run via an interactive CLI or daily GitHub Action so coding agents have durable context without stuffing every detail into prompts.

open-sourceOpen SourceTelemetry

Accomplish Coworker

Open-source desktop AI coworker for browsing and code execution.

Accomplish Coworker is an MIT-licensed open-source AI coworker that runs on the desktop, combining computer-use style browsing with code execution so agents can research, implement, run, and debug workflows in one local environment.

open-sourceOpen SourceTelemetry

Safari MCP Server

Apple's Safari-native MCP server for web debugging agents

Safari MCP Server is Apple's safaridriver-based MCP server in Safari Technology Preview, giving compatible coding agents local access to Safari page content, console logs, network requests, screenshots, JavaScript evaluation, interactions, viewport controls, and accessibility/performance checks.

freeTelemetry

Notion MCP Server

Official Notion MCP server for AI-agent workspace access

Notion MCP Server is Notion's official MIT-licensed MCP server for connecting AI assistants to Notion workspaces. It supports the vendor-backed remote OAuth path and tools designed for page, workspace, and Markdown-style operations, making it a safer default than unofficial Notion bridges for teams already using Notion for docs, projects, or internal knowledge bases.

open-sourceOpen SourceTelemetry

Linear MCP Server

Official authenticated remote MCP endpoint for Linear issues, projects, comments, and coding-agent workflows.

Linear MCP Server is Linear’s official authenticated remote MCP endpoint for agent access to issues, projects, and comments. It gives Claude, Codex, Cursor, VS Code, Windsurf, Zed, and other clients a centrally hosted way to find, create, and update Linear work items through OAuth-backed MCP without maintaining a local connector or brittle API glue.

freemiumTelemetry