Online JSON Diff — Compare Two JSON Documents Visually

Paste two JSON payloads and highlight structural differences. Useful for API regression checks, config reviews and debugging — nothing uploaded.

Loading…
JSON diff — comparison playbook
Compare two JSON documents side by side and highlight structural differences. Summary badges list changed, added and removed paths — all processing stays local.

Developer notes

• Both panels must contain valid JSON before Compare runs. • Toggle keys-only mode to ignore value changes when reviewing schema drift. • The summary dashboard lists affected JSON paths for quick scanning. • Comparison logic is structural — array order and nested paths matter.

Comparison options

Compare keys only
Ignore values and report only added, removed, or shared keys.
Full diff
Include unchanged context paths in the summary for a complete comparison view.

When teams pick this route

• API regression checks between staging and production responses. • Config reviews when Helm or Terraform exports JSON snapshots. • Debugging feature flags or A/B payload differences. • Validating converter round-trips before merging.

Worked examples

Feature flag flip

Original JSON

{ "feature": "checkout-v2", "enabled": false, "rollout": 0, "limits": { "maxRequests": 1000, "burst": 50 }, "regions": ["eu-west", "us-east"] }

Updated JSON

{ "feature": "checkout-v2", "enabled": true, "rollout": 25, "limits": { "maxRequests": 2000, "burst": 100 }, "regions": ["eu-west", "us-east", "ap-south"] }

Nested key added

Original JSON

{ "user": {"id": 42, "name": "Ada"} }

Updated JSON

{ "user": {"id": 42, "name": "Ada", "role": "admin"} }

Navigate related tools

For free text (not JSON), use text diff. Browse the JSON tools hub. Validate inputs with the JSON validator, or prettify via the JSON formatter.

JSON diff FAQ

Structural comparison expectations

What counts as a difference?

Changed values, added keys, removed keys and type changes are highlighted. Identical documents report no differences.

Keys-only mode?

When enabled, value edits are ignored — useful when you only care about schema shape.

Array order?

Arrays are compared positionally — reordering elements may show as changes.

Is data uploaded?

No — both payloads are compared entirely in your browser.

Can I diff YAML or XML directly?

Convert to JSON first using our format converters, then paste both JSON documents here.

Looking for converters, encoders, formatters, and minifiers in one place? Developer tools hub Open the curated developer tools catalogue.