Docflow

JSON visualizer and tree editor

Understand JSON at a glance.

Open JSON as an interactive tree, inspect nested objects and arrays, edit values, rename fields, and keep the formatted source beside your changes.

A clearer way to inspect JSON

Docflow turns deeply nested JSON into a readable visual hierarchy without hiding the source document.

Objects and arrays

Expand and collapse nested data, see child counts, and scan the structure without manually counting braces.

Inline value editing

Edit strings, numbers, booleans, and null values directly in the JSON tree.

Rename keys

Rename object fields in place while preventing empty or duplicate keys.

Reorder sibling nodes

Drag objects or array items to reorder nodes at the same level and keep the document organized.

JSON visualizer FAQ

Does Docflow send my JSON to a server?

Docflow is built around local browser editing. Use the local file workflow to inspect and save files on your device.

Can I use it for API responses and configuration files?

Yes. The tree view is useful for API examples, app configuration, structured notes, and any valid JSON document.