Private by default

Interactive JSON Tree Viewer

Navigate objects and arrays without losing the original code representation.

Your data stays in this browser
Input JSONJSON
UTF-8Ln 1, Col 1
ResultJSON
UTF-8
Loading…
Browser-only autosaveInputs and settings stay saved only in this browser and return after a reload. Turn on Clear saved data to keep this tool session-only.
Your data stays in this browser
InstantNo server round trips
PrivateBrowser-side processing
AuditableDocumented semantics
PortableCorrectly typed downloads
Category

JSON Viewer: How to use this tool

Explore valid JSON as a collapsible tree with structural counts and depth metrics.

Navigate objects and arrays without losing the original code representation.

Open guide and examples

How to use this tool

  1. Paste JSON, upload a local file, or load a CORS-enabled public URL.
  2. Run Build JSON tree and expand only the branches you need.
  3. Review the result, then copy it or download it with the correct file type.

Example to try

Input JSON
{
  "project": "jsonformatters.org",
  "status": "ready",
  "features": [
    "format",
    "validate",
    "convert"
  ],
  "settings": {
    "indent": 2,
    "sortKeys": false,
    "localOnly": true
  },
  "documents": [
    {
      "id": 101,
      "name": "launch-config.json",
      "valid": true
    },
    {
      "id": 102,
      "name": "sample-data.json",
      "valid": true
    }
  ],
  "lastError": null
}
Result
{
  "project": "jsonformatters.org",
  "status": "ready",
  "features": [
    "format",
    "validate",
    "convert"
  ],
  "settings": {
    "indent": 2,
    "sortKeys": false,
    "localOnly": true
  },
  "documents": [
    {
      "id": 101,
      "name": "launch-config.json",
      "valid": true
    },
    {
      "id": 102,
      "name": "sample-data.json",
      "valid": true
    }
  ],
  "lastError": null
}
Learn

Frequently asked questions

Does this tool upload my JSON?

No. The transformation runs in your browser. URL import contacts only the address you explicitly enter.

What happens when the JSON is invalid?

The editor marks the likely location and keeps stale output out of the result pane.

What does JSON Viewer produce?

It creates code, tree, and structure views from the same current parsed value.

What limitation applies to JSON Viewer?

The viewer caps depth and node count, rejects duplicate object names, and rejects numbers that JavaScript cannot represent exactly.