JSON Diff
Compare two JSON objects and find differences
DevToolKit's JSON Diff compares two JSON objects and highlights all differences including additions, removals, and modifications. It performs deep recursive comparison of nested structures. Runs entirely client-side — your data stays in your browser. Free, no signup needed.
Related Tools
Last updated:
What is JSON Diff?
JSON Diff is a tool that compares two JSON objects and identifies all differences between them. It performs a deep recursive comparison, detecting additions, removals, and value changes at any nesting level. This makes it invaluable for a wide range of development workflows. When debugging API changes, you can compare the response before and after a code deployment to pinpoint exactly what changed. For configuration management, JSON Diff helps detect drift between environment configs (development vs. production) by highlighting every divergent setting. During merge conflict resolution, pasting both versions of a JSON file reveals the exact points of conflict. It is also useful for version comparison when reviewing changes to package.json, tsconfig.json, or any structured configuration file between releases. The tool color-codes results for quick scanning: green for additions (keys present in B but not A), red for removals (keys in A but not B), and amber for value changes. You can toggle unchanged entries on or off and normalize key ordering to focus on meaningful differences rather than formatting variations.
How to Use JSON Diff
- Paste the original JSON in the left panel (JSON A) and the modified JSON in the right panel (JSON B).
- Or click 'Load Sample' to see an example comparison.
- Click 'Compare' to find all differences between the two objects.
- Review the color-coded results: green for additions, red for removals, yellow for changes.