Dev Tools
Client-sidefiles never upload

JSON Diff (deep)

Paste two JSON docs; see a **live deep diff** β€” added, removed and changed paths highlighted by colour, arrays compared by index, one-click diff-report copy. Pure frontend, no upload.

added 1removed 0changed 4unchanged 2
PathLeft valueRight value
~${"name":"Alice","age":30,"tags":["a","b"]}{"name":"Alice","age":31,"tags":["a","c"],"active":true}
~$.age3031
~$.tags["a","b"]["a","c"]
~$.tags[1]"b""c"
+$.activetrue
β€ΊHow to use
  1. Left = old JSON, Right = new JSON (empty input is treated as null).
  2. The diff table updates live. + green = added, βˆ’ red = removed, ~ amber = changed.
  3. The header chips show stats; toggle Show unchanged fields to see the complete tree.
  4. Copy diff report for a plain-text summary you can paste into a PR description, Linear or Slack.
Tips
  • Paths use JSONPath style β€” $.user.tags[0] is human-friendly and works directly with jq / lodash get / Postman.
  • Arrays diff by index (LCS is expensive). If you just re-ordered items, everything looks changed; sort both sides first for a cleaner diff.
  • Type changes (e.g. {} β†’ 1) are reported as changed without deep inspection.
  • vs jsondiff.com β€” they show ads; we're pure functions in your browser with zero upload.

πŸ’‘ Diff runs entirely in your browser. Great for comparing production vs staging API responses, config-file audits, regression baselines.

Related tools