JSON & Data Tools

JSON Viewer

Switch between raw JSON and a collapsible tree with clear value-type highlighting.

Press Ctrl / ⌘ + Enter to run

Switch between raw JSON and a collapsible tree with clear value-type highlighting.

What this tool does

Explore JSON objects and arrays in a tree that you can expand or collapse. Distinct styles make strings, numbers, booleans, and null easy to tell apart. Input is displayed as data and is never executed as HTML.

  • The Raw view displays the formatted JSON.
  • Tree view supports single node and all expand/collapse.
  • Even if the value contains HTML tags or script characters, it will be displayed as plain text.

How to use it

  1. Paste the valid JSON.
  2. Click "Generate View".
  3. Select the Raw or Tree tab.
  4. Use node arrows, expand all, or collapse all to navigate large structures.

Common uses

  • Read deep interface responses.
  • Check the data types of array elements and object fields.
  • Safely view JSON containing unknown strings.

JSON Viewer Features

Switch between Raw and collapsible Tree views to clearly differentiate between different JSON types. Review the result, then copy it for use.

FAQ

Will the tree view execute the HTML in the string?

No. HTML tags and scripts in keys or values are displayed as plain text.

Why do large arrays need to be collapsed by default?

Collapse reduces page height and helps you see the top-level structure first, and you can expand individual nodes or all nodes at any time.

Are Raw and Tree data the same?

Same. Both views come from the same JSON parsing, but are presented in different ways.

Back to Developer Tools