Project overview
This open-source JSON viewer and editor is built to streamline the workflow of developers who regularly work with JSON data. It combines powerful editing features with an intuitive interface, making it easy to view, edit, validate, and format JSON documents of any size.
It's a fully client-side application — every JSON document is parsed, validated, and rendered entirely in the browser. Nothing is uploaded, nothing is logged, and no server ever sees the data, which makes it safe to paste production payloads, API responses, or configuration files without worrying about leakage.
Built with Next.js, React, and TypeScript, with the Monaco Editor powering the code view. It offers multiple ways to explore JSON — a syntax-highlighted editor, an interactive tree, a connected-graph view, side-by-side diffs, search & filter, charts, and statistics — all running locally for instant feedback even on large documents.
Key features
Monaco Editor: VS Code-style code editor with syntax highlighting, line numbers, and minimap.
JSON Formatting: Paste raw or encoded JSON and format it with proper indentation.
Tree View: Interactive tree view with expand/collapse functionality.
Real-time Validation: Live JSON validation with error highlighting.
Code Folding: Collapse and expand JSON sections.
Theme Support: Light and dark themes with automatic editor theme switching.
Search & Replace: Built-in search functionality with regex support.
JSON Diff View: Compare two JSON objects side-by-side with highlighted differences (additions, deletions, modifications).
JS Object Literal Support: Parse and format JavaScript object literal syntax in addition to standard JSON.