Understand unfamiliar payloads
Prepare readable JSON before following nested objects and arrays in the main workbench's tree.
View tool
Prepare JSON for tree inspection, then open the interactive viewer on the main workbench. Formatting and inspection stay in your browser.
Copy the formatted result, then Open interactive tree viewer and paste it into the main viewer. Your JSON is not automatically transferred.
Your input and result are not sent to JSON Hearth or stored on a server.
When to use it
This page validates and formats JSON text for inspection. To expand objects and arrays, copy the output and open the interactive tree viewer on the main workbench, then paste it into the editor there.
Prepare readable JSON before following nested objects and arrays in the main workbench's tree.
Work out where a value lives before writing application code or a JSONPath expression.
Inspect the hierarchy of exports, configuration and generated fixtures without losing context in long text.
Important limitations
Common questions
Use Open interactive tree viewer to reach the main workbench. Copy the prepared output first, then paste it into the editor there; objects and arrays appear as expandable branches.
Expanding and collapsing branches in the main viewer changes only the view. Editing or formatting the source is a separate action and can change its values or representation.