JSON Diff
Compare two JSON objects side-by-side and highlight additions, deletions, and modifications.
Last updated: April 28, 2026
Tool Settings
Our diff engine perform a semantic object comparison. It matches keys recursively and highlights values that have been updated, added, or removed.
All processing happens locally in your browser. Large files are handled in memory and never uploaded to any server.
JSON Diff
Identify what has changed between two versions of a JSON file. Our JSON Diff tool provides a clear, visual comparison, highlighting new keys in green, deleted keys in red, and modified values in yellow. It handles nested objects and arrays intelligently, walking both trees in parallel so a change three levels deep is reported with its full path rather than a vague line number. Arrays can be compared positionally or matched by a key you choose, so reordering items does not flood the report with false changes. Type changes are called out explicitly, meaning a number turning into a string is flagged even when the text looks similar. Essential for debugging API responses or configuration updates.
Why This Tool Exists
What makes this useful — and why I built it this way.
Visual Comparisons: Highlight added, deleted, or updated lines between two JSON files.
Key Matching Controls: Focus on data differences while ignoring key order variations.
Nested Tree Diffing: Inspect changes deep inside complex arrays and objects.
Full Change Paths: Each difference is reported with its complete path, like data.users[3].email.
When You'd Use This
Real situations where this tool saves the day.
Config Auditing: Compare settings files across development and production environments.
API Response Tracking: Compare response schemas before and after codebase updates.
Version Comparisons: Identify dataset changes between two backup versions.
Contract Testing: Verify that a mock API payload still matches the documented schema shape.
Using JSON Diff
It's straightforward — here's how it works.
Paste the 'Original' JSON in the left panel.
Paste the 'Modified' JSON in the right panel.
Choose comparison options, such as ignoring key order or matching arrays by an identifier key.
The diff view will automatically generate and highlight the differences.
Use the 'Summary' view to see a count of all changes found.
Questions People Ask
Honest answers about how this works.
Does it matter if keys are in a different order?
Short answer: By default, the tool performs a semantic comparison, meaning it will match keys regardless of their order in the object.
How are arrays compared when items move around?
By default arrays are compared positionally, so moving an item looks like many changes. You can switch to key-based matching, where each element is paired by an identifier such as id, making pure reorders disappear from the report and leaving only real edits.
Does comparing my files upload them anywhere?
No. Both documents are parsed and compared inside your browser, and the diff is rendered locally, so sensitive configuration files, private API payloads, or internal dataset exports can be compared without either version being transmitted to a server or stored anywhere.
Discover More Tools
Hand-picked utilities to speed up your workflow.