Fix Preview
No fixes applied.
Interactive Tree View
Advanced Tools
Load from URL
JSONPath Query
JMESPath Transform
Transform (JMESPath)
Try: employees.employee[0].firstName, employees.employee[*].id, employees.employee[?id=='2']
Press Esc to close
How to Use
- 1 Paste your raw JSON into the Input panel on the left, or click Upload to load a .json file.
- 2 Click Validate (or press Ctrl+Enter) to format and check your JSON.
- 3 If your JSON has common errors (trailing commas, unquoted keys, Python-style literals), enable Fix to auto-repair them.
- 4 Review the formatted output in the right panel. Errors show the exact line and column.
- 5 Use Minify to compress, Sort Keys to alphabetize, or Tree View to explore the structure.
- 6 Click Copy to copy the output, or use the filter bar to find specific keys or values.
Frequently Asked Questions
Is my JSON data sent to your server?
No. All formatting, validation, and fixing happens entirely in your browser using JavaScript. Your JSON data never leaves your device and is never stored or logged anywhere.
What JSON specifications does this tool support?
The tool supports RFC 8259 (the current standard, recommended), RFC 7159, RFC 4627 (requires root to be an object or array), and ECMA-404. You can also skip the spec check entirely for maximum flexibility.
What common JSON errors can the auto-fix feature repair?
The Fix JSON feature handles: trailing commas before } or ], single-quoted keys and values, unquoted object keys, Python-style literals (True, False, None), smart/curly quotes, UTF-8 BOM, JavaScript-style comments (// and /* */), and mismatched quote boundaries.
Can I format very large JSON files?
Yes. The tool is optimized for large payloads with virtualized line numbers and cancelable operations. Performance depends on your browser and device memory. Files up to several MB work well in modern browsers.
What is the difference between Format and Minify?
Format (beautify) adds indentation and line breaks to make JSON human-readable. Minify removes all whitespace to produce the most compact representation, which is useful for reducing payload size in APIs and storage.
How does the Tree View work?
The Tree View renders your JSON as an interactive, collapsible tree. You can expand and collapse objects and arrays to explore nested structures without scrolling through raw text. Click the tree icon in the output toolbar to toggle it.
What is JSONPath and how do I use it?
JSONPath is a query language for JSON, similar to XPath for XML. Use expressions like $.users[0].name to extract specific values. Open Advanced Tools and enter your JSONPath expression to run it against the formatted output.
Can I load JSON from a URL?
Yes. Open Advanced Tools and paste a public JSON URL into the Load from URL field. The tool will fetch and load the JSON directly into the input panel. Note: the URL must be publicly accessible and support CORS.
Does the formatter support JSON with Comments (JSONC)?
The Fix JSON feature removes JavaScript-style line comments (//) and block comments (/* */), which covers most JSONC use cases. Unquoted keys, trailing commas, and Python-style literals are also handled automatically.
Is there a keyboard shortcut to format JSON?
Yes. Press Ctrl+Enter (or Cmd+Enter on Mac) to validate and format. Press Ctrl+F (or Cmd+F) to open the search bar in the focused editor.