A · Original
B · Modified

Loading diff editor…

What is JSON diff?

Find structural and value changes between two JSON documents.

JSON diff compares two JSON texts and highlights what changed — added keys, removed fields, and modified values. Developers use it to review API version upgrades, config drift between environments, and regression tests where two responses should match except for known fields.

Because JSON object key order is not semantically significant, this tool can sort keys recursively on each side before comparing, so reordering alone does not show false differences. Side-by-side highlighting makes additions and deletions easy to spot.

All comparison runs in your browser. Read our guide on comparing JSON API responses for a step-by-step workflow when testing endpoints.

How to use

Compare two JSON objects in seconds.

Quick start get going in seconds
  1. Use the icon toolbar above each side — paste, import, format, or sort for A and B independently.
  2. Differences appear instantly — additions highlighted in green, deletions in red.
  3. Click F7 to jump between changes.
Sort before comparing ignore key-order noise

Use Sort A and Sort B to alphabetically sort all object keys before comparing. This eliminates false diffs caused by key reordering, so you only see meaningful changes.

Import from files load local .json files

Use Import A and Import B to load .json or .txt files from your device. Both sides can be imported independently.

Format before diffing normalise whitespace first

Click Format A or Format B to pretty-print either side with consistent indentation before comparing, ensuring whitespace differences don't pollute the diff.

Features

Everything this diff tool can do — all processed locally in your browser.

Side-by-side diff

Monaco's inline diff engine highlights every insertion, deletion, and changed line in real time.

Sort keys

Sort A or B independently before comparing — removes false diffs from key-order differences.

Format both sides

Pretty-print A or B to normalise indentation before comparing, so only content changes show.

Import both sides

Load independent .json files into A and B — compare API responses, config files, and more.

100% local

Your data never leaves the browser. No server, no uploads, no account required.

FAQ

Common questions about the JSON Diff tool.

Is my data uploaded anywhere?
No. All diffing happens entirely in your browser using Monaco Editor. Nothing is sent to any server.
Why does my diff show many changes when the data looks the same?
Object key order often differs between JSON payloads. Use Sort A and Sort B before comparing to eliminate order-only differences.
Can I edit the JSON directly in the diff view?
Yes — both sides are editable. Type directly in either pane and the diff updates in real time.
How do I navigate between changes quickly?
Press F7 to jump to the next change and Shift+F7 to go back. The status bar shows the total change count.
Does it work for non-JSON text?
Yes — you can paste any text into both sides and the diff engine will highlight line-by-line differences. The tool is optimised for JSON but works with any plain text.

Other tools

JSON Editor Pro JSON Formatter JSON Diff YAML Diff JSON to CSV JSON to YAML JSON to TOON XML Editor Pro XML Formatter XML Diff & Compare Validate XML XPath Studio XSLT Playground XML to JSON XML to YAML XML to CSV XML to Markdown XML to HTML table Free Image Tools