JSON Viewer & Formatter
JSON Viewer & Formatter
See your JSON clearly with formatting, tree navigation and copy/export buttons.
Stats
Total keys: 8
Max depth: 3
Arrays: 1
Objects: 3
Approx size: 168 B
Paste JSON
Tree view
OK
Matches: 0
user
Object
id
42
name
"Ada Lovelace"
roles
Array(2)
[0]
"admin"
[1]
"editor"
active
true
meta
Object
plan
"pro"
expires
"2025-01-01"
Smart helpers
- Detect Base64-looking fields and decode to text (or warn when binary).
- Use JSONPath to highlight and filter large JSON: $.data.items[*].id
- Quick stats: keys, depth, arrays/objects, and approximate size.
FAQ
What does Format do?
It pretty-prints JSON with indentation and optional key sorting for deterministic diffs.
How do I find parse errors?
We show line and column from the parser to jump to the exact issue.
Can I minify JSON?
Yes. Minify strips whitespace while keeping content identical.
Is the viewer safe?
Values render as text; no eval or script execution is used.
Can I export?
Use Copy formatted or Download .json to move results into your project.
Can it detect Base64 strings inside JSON?
Yes. When a string looks like Base64, the viewer shows a Decode Base64 action next to it.
What happens when Base64 decodes to binary?
We warn that the decoded bytes are not valid UTF‑8 text (binary detected) and suggest opening the Base64 tool for file-safe decoding.
Do you support Data URIs in JSON?
Yes. data:<mime>;base64,... strings are treated as Base64 and can be decoded.
How do I search a large JSON quickly?
Use JSONPath to highlight matches, then enable Only show matches to filter the tree to the relevant parts.
Which JSONPath features are supported?
This is a lightweight JSONPath: $, .prop, ['prop'], [index], and [*] wildcards.
Developer Tools