How do I open a JSON file in the viewer?

Click the open button above the Input box, or drag the file onto the page. .json, .geojson, JSON Lines and more are supported.

Can I edit JSON in the tree?

Yes. Double-click a key or value to change it, or use the row actions to delete it. The input updates as you go.

Is there a table view?

Yes. Table view shows an array of objects as sortable columns, and Copy gives you CSV.

JSON Viewer

Input

Output

JSON Viewer with a Tree View

Large JSON is hard to read as text. The Bracely JSON viewer shows it as a tree you can expand and collapse, with previews for colours, dates, images and links, so you can find what you need quickly.

How to use it

Paste JSON or open a file.
Expand everything, or just the top levels, from the Expand menu.
Hover a row to copy its path, find it in the input, or double-click a value to edit it.

What it does

Collapsible tree: expand everything, or only the top levels
Copy the JSONPath of any value
Also view JSON as a table, as columns, as a graph or as a size map
Inline previews of colours, timestamps, images and links
Handles large files without freezing the page

Questions

How do I open a JSON file in the viewer?: Click the open button above the Input box, or drag the file onto the page. .json, .geojson, JSON Lines and more are supported.
Can I edit JSON in the tree?: Yes. Double-click a key or value to change it, or use the row actions to delete it. The input updates as you go.
Is there a table view?: Yes. Table view shows an array of objects as sortable columns, and Copy gives you CSV.

More JSON tools

Bracely has more than 65 JSON tools in one page. Related ones:

Runs entirely in your browser. Nothing you paste is uploaded. Made by Saurabh Pagrut. About · Privacy policy
Saurabh Pagrut on GitHub · LinkedIn · X · YouTube · Instagram