How does the JSON diff comparison work?

The tool performs a deep comparison of two JSON objects. Added keys are shown in green, removed keys in red, and changed values in yellow. Nested objects are compared recursively.

Can I compare JSON arrays?

Yes. Arrays are compared element by element. Differences in array items are highlighted just like object property changes.

Is my data sent to a server?

No. All comparison happens locally in your browser. Nothing is transmitted anywhere.

What happens if my JSON is invalid?

The tool displays an error message indicating which input has invalid JSON so you can fix it before comparing.

JSON Diff

Compare two JSON objects and see differences highlighted with tree-style output.

Original JSON

Modified JSON

How to Use JSON Diff

Step 1

Paste your original JSON into the left field.

Step 2

Paste the modified JSON into the right field.

Step 3

Click Compare to see the differences.

Step 4

Review added (green), removed (red), and changed (yellow) keys.

Features

Deep recursive comparison of JSON objects and arrays.

Color-coded diff: green for added, red for removed, yellow for changed.

Tree-style output for easy navigation of nested structures.

Clear error messages for invalid JSON input.

Completely client-side — no data leaves your browser.

FAQ

: The tool performs a deep comparison of two JSON objects. Added keys are shown in green, removed keys in red, and changed values in yellow. Nested objects are compared recursively.
: Yes. Arrays are compared element by element. Differences in array items are highlighted just like object property changes.
: No. All comparison happens locally in your browser. Nothing is transmitted anywhere.
: The tool displays an error message indicating which input has invalid JSON so you can fix it before comparing.