jsontoolskit.org
JSON and JSON Schema utilities, in the browser
Say hi →

JSON Diff

semantic compare · ignore key order · structural summary

Paste two JSON documents. Get a coloured diff and a structural summary. Key order is ignored by default; toggle ignore-array-order for unordered set comparison. Export as Markdown or a JSON Patch for programmatic application.

Diff

Paste both A and B.

How to diff JSON

  1. Paste JSON A on the left, JSON B on the right.
  2. The middle panel shows a unified diff with colour coding: green = added, red = removed, yellow = changed.
  3. Toggle:
    • Ignore key order (default on).
    • Ignore array order — treat arrays as unordered (default off — careful, slow on large arrays).
    • Ignore whitespace in string values.
  4. The Summary counts added / removed / changed keys.
  5. Export as Markdown diff, unified-text diff, or a JSON Patch (jumps to json-patch).

FAQ

How does ignore-array-order behave?

Each element in A is matched against the best candidate in B by structural similarity. This is O(n²) — slow above ~1000 elements per array.

What format is the patch export?

RFC 6902 — the same format json-patch generates.

Will it work offline?

Yes — plain JavaScript.