renderlog.in ↗

JSON Diff

FreePrivateDeep comparison

Compare two JSON objects side by side. See every added, removed, and changed field with exact key paths.

Left JSON
Right JSON
Ctrl+Enter Compare

Paste JSON in both panels and click Compare.

Compare Two JSON Objects Online

Paste two JSON objects and instantly see every added, removed, and changed field with exact key paths and old and new values. Perfect for debugging API responses, auditing config file changes, and verifying data migrations. 100% private, runs entirely in your browser.

Use Cases

API Response Debugging
Compare API responses before and after a deploy to catch unexpected field changes. Format messy payloads first with the JSON Formatter, then paste both versions here to see exactly what shifted.
Config File Audits
Track changes between environment configs or release snapshots. Validate both files are well-formed using the JSON Validator before comparing to avoid false diff noise.
Data Migrations
Verify that a migration transformed records correctly. Clean up noisy null fields with JSON Cleaner first, then compare source and destination to confirm shape integrity.
Schema Drift Detection
Find added or removed keys between API versions to catch breaking changes early. Generate a schema from each version with the JSON Schema Generator and diff the schemas side by side.

How to Use

  1. Paste the original JSON into the Left panel
  2. Paste the updated JSON into the Right panel
  3. Click Compare to run a full recursive diff
  4. Filter results by Added, Removed, or Changed, or search by key path

Features

  • Deep recursive comparison of nested objects and arrays
  • Color-coded results: green for added, red for removed, yellow for changed
  • Exact dot-notation paths to every changed field
  • Filter by change type or search by key path
  • 100% private: no server, no upload, no data leaves your browser

Frequently Asked Questions

How does JSON comparison work?

The tool performs a deep recursive comparison of both JSON objects. It walks through every key at every nesting level and reports added keys, removed keys, and keys whose values changed, along with old and new values.

Can I compare deeply nested objects?

Yes. The comparison is fully recursive and traverses nested objects and arrays to any depth. Each change is reported using dot-notation paths like $.user.address.city so you know exactly where the difference is.

What do the colors mean in the diff?

Green highlights indicate keys added in the right-side JSON. Red highlights indicate keys removed. Yellow highlights indicate keys present in both objects whose values changed between the two versions.

Related Tools