{ โ JSON Diff
When comparing API responses or configuration files, spotting changes manually is tedious and error-prone. JSON Diff deeply compares two JSON documents and visualizes every difference in a collapsible tree: added fields in green, removed fields in red, value changes in yellow, and type changes in orange. Nested objects and arrays are compared recursively.
How to Use
- 1Paste JSON
Paste the original JSON on the left and the comparison JSON on the right. Click 'Load Example' to load sample data.
- 2Review the result
The diff tree appears immediately below. Icons indicate: + added, โ removed, ~ changed, โ type changed, = equal.
- 3Toggle equal fields
Check 'Show equal fields' to also display unchanged fields. By default only changed fields are shown.
- 4Collapse and expand
Click any object or array header to collapse or expand its subtree, letting you focus on the changes that matter.
Tips
- ๐กGreat for comparing API response versions or configuration file revisions.
- ๐กFor deeply nested JSON, collapse unchanged subtrees to focus on the differences.
- ๐กThe stat badges at the top give you a quick count of added, removed, and changed fields.
- ๐กIf both JSONs are identical, a blue badge confirms there are no differences.