1. Load json

Click on "load" button and load a json-string to opened form

2. Expand/collapse single nodes

By click on properties names (recursively - by CTRL/META + click)

3. Expand/collapse all tree nodes

By click on "expand all" and "collapse all" buttons

4. Mark/unmark node labels

By click on label with pressed ALT key

5. Show JSONPath of node

By click on label with pressed SHIFT key

JSON Formatter

This tool Format valid JSON into tree structure.

What is Json ?

JavaScript Object Notation is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types.

JSON is a language-independent data format. It was derived from JavaScript, but many modern programming languages include code to generate and parse JSON-format data. The official Internet media type for JSON is application/json. JSON filenames use the extension .json.


An object is an unordered set of name/value pairs. An object begins with { left brace and ends with } right brace. Each name is followed by : colon and the name/value pairs are separated by , comma.



An array is an ordered collection of values. An array begins with [ left bracket and ends with ] right bracket. Values are separated by , comma.



A value can be a string in double quotes, or a number, or true or false or null, or an object or an array. These structures can be nested.



A string is a sequence of zero or more Unicode characters, wrapped in double quotes, using backslash escapes. A character is represented as a single character string. A string is very much like a C or Java string.



A number is very much like a C or Java number, except that the octal and hexadecimal formats are not used.