JSON Viewer & Formatter

A JSON viewer takes raw JSON text and shows it in a form that is easy to read and navigate: pretty-printed with consistent indentation, and as a collapsible tree where every object, array and value is a node you can expand, search and copy. It is the fastest way to make sense of a large API response or a minified config file.

This tool is a viewer and a formatter and a validator and an editor in one page, so you don't have to move JSON between separate tools to read it, check it and clean it up.

Paste your JSON into the editor, upload a .json file, or drag a file onto the editor. Switch the output panel to Tree to browse the structure: click a caret to expand or collapse a branch, use Expand all / Collapse all, and click the menu on any node to copy its value, its key, or its full JSONPath (for example $.user.address.city). The Graph view shows the same structure as a zoomable node diagram.

Formatting (also called beautifying or pretty-printing) re-indents JSON and puts each key and array element on its own line so nested structure is visible. Choose an indent of 2 spaces, 4 spaces or tabs, then click Format or press Cmd/Ctrl+Enter. Formatting only changes whitespace — keys, values, types and order are preserved, and the output parses to an identical object.

The tool validates continuously as you type. If the JSON is well-formed you get a "Valid JSON" badge; if not, the status bar shows the exact line and column of the first problem with a short explanation (for example "Expected ',' or '}'"), and the editor marks the spot. Strict validation follows the JSON specification: property names must be double-quoted, and trailing commas, comments and single quotes are not allowed.

Tree view renders JSON as an expandable hierarchy instead of text. Objects and arrays are branches you can open and close; strings, numbers, booleans and null are leaves. It is easier than scrolling through thousands of formatted lines when you only need one value, and it lets you copy the JSONPath to any node so you can reference it in code.

Minifying removes every space and newline that isn't part of a string, producing the smallest valid JSON — useful before storing JSON in a database column or sending it over the wire. Click Minify; the tool also shows how many bytes and what percentage were saved. This is whitespace removal only, not gzip or any other compression.

There are two separate steps. Validation is strict and never changes your input — it just tells you where the syntax breaks. Repair is opt-in: it attempts common fixes (removing trailing commas, converting single quotes to double quotes, quoting bare property names, stripping // and /* */ comments, converting Python-style True/False/None) and shows you a diff of exactly what changed before you choose to apply it. If a confident repair isn't possible, it says so rather than guessing.

A JSON formatter's job is to re-indent text. A JSON viewer's job is to help you navigate structure — tree, search, copy-path, statistics. This page does both, plus validation and conversion, so "JSON viewer" and "JSON formatter" here are two views of the same tool rather than different products.

With this tool, yes: every operation — parsing, formatting, the tree, JSONPath, repair, conversion, download — runs in your browser with JavaScript. Your JSON is never sent to our servers, never written to analytics, and never put into the page URL unless you explicitly click Share link, which encodes your JSON directly into the link (opened locally by whoever you send it to, never stored on a server). Autosave is off by default; if you turn it on, your last input is stored only in this browser's local storage and you can clear it at any time. As a general habit, still be careful pasting credentials or customer data into any online tool, and don't use Share link for anything sensitive.