JSON Viewer

A JSON viewer renders raw JSON as a collapsible, navigable tree instead of a wall of text. It color-codes value types (strings, numbers, booleans, null), shows array lengths and object key counts, and lets you expand or collapse any branch to focus on what matters.

Start by clicking "Collapse all" to get a top-level overview, then expand individual branches that interest you. The item-count labels (e.g. "orders [3 items]") help you decide which branches are worth expanding without having to open everything.

A JSONPath is a dot-notation address to a specific value, like orders[0].total. Hover over any node in the tree and click "copy path" to copy that node's full path to your clipboard — useful for writing code that accesses nested values.

String values are green, numbers are blue, booleans are amber, and null is red. Object and array keys are stone/gray. This color scheme makes it easy to spot type mismatches at a glance — for example, a number stored as a string instead of a numeric literal.

Yes. The tree is built by JavaScript running entirely in your browser tab. No data is uploaded, stored, or logged. Safe for production payloads, API responses with PII, or internal configuration files.