1. Validating JSON Data

1. Paste your JSON data into the left input panel
2. Click the "Parse Json" button
3. If valid, you'll see formatted output on the right
4. If invalid, error messages will appear with line numbers

2. Formatting JSON for Readability

1. Paste minified or unformatted JSON into the input
2. Click "Parse Json" to format with proper indentation
3. Use "Colorize" for syntax highlighting without restructuring
4. Click on any section to expand or collapse it

3. Minifying JSON

1. Paste your formatted JSON into the input panel
2. Click the "Minify" button
3. The output will show the most compact version
4. Copy the minified JSON for use in your applications

4. Working with Nested JSON Strings

1. Enable the "Recursive Parse" checkbox
2. Paste JSON that contains stringified JSON values
3. Click "Parse Json"
4. Nested JSON strings will be automatically parsed and formatted

Example: API responses that contain JSON strings in their fields

5. Using Search to Find Data

1. Parse your JSON data first
2. Click the search icon in the output panel
3. Type your search term
4. Use the up/down arrows to navigate between matches
5. Matches will be highlighted in the output

6. Customizing Your Experience

1. Click the Settings icon in the header
2. Choose your preferred theme mode (Light/Dark/System)
3. Select a color theme that suits your preference
4. Your settings are saved automatically

7. Understanding Data Types

1. Enable "Show JS Types" checkbox
2. Parse your JSON data
3. Each value will display its JavaScript type (string, number, boolean, etc.)
4. Useful for debugging and understanding data structures

8. Working with Arrays

1. Enable "Show Array Index" checkbox
2. Parse JSON containing arrays
3. Each array element will show its index number
4. Helpful for referencing specific array positions

9. Sharing JSON via link

1. Parse your JSON so the tree view is visible on the right
2. Hover an object or array in the tree and click the share-link icon
3. A URL containing a compressed version of that JSON is copied to your clipboard
4. Send the link to a teammate – opening it will load the same JSON directly in the editor

Note: Data is encoded in the URL hash and never stored on a server. Very large objects may not fit in a shareable URL.

10. Parsing non-standard JSON with Eval Json

1. Paste JavaScript-style data (for example, with single quotes or trailing commas) into the input
2. Click the "Eval Json" button instead of "Parse Json"
3. The tool uses eval in your browser to interpret the data as a JavaScript value
4. If it evaluates successfully, the result is shown in the tree view like normal JSON

Use Eval Json only with code you trust, as it executes the input as JavaScript within your browser.

Try These Tutorials