Compare JSON

Diff, merge, side-by-side

The Differences list and badge count use a structural delta. Use Side by Side to edit both documents, Unified Diff for a line-oriented patch view, and Tree Compare for syntax-highlighted text diff.

5 differences

Diff 1 of 5

Differences

age: changed (from 30 to 31)
email: changed (from "john@example.com" to "john.doe@example.com")
skills: object/array changed
address: object/array changed
phone: added (value: "+1-555-1234")

Left JSON

Valid JSON

Right JSON

Valid JSON

How this tool works

Each pane’s text is parsed independently. When both sides are valid JSON, the tool computes a structural diff (not just line-by-line text) and can show unified views, patch-style output, or tree-oriented summaries. Merge helpers copy parsed subtrees when supported by the UI.

Tips

Format both sides first so key order and whitespace don’t obscure real changes.
Large arrays: small ordering changes may look noisy—consider normalizing upstream.
Diff theme follows app light/dark; toggle system theme if contrast is hard to read.
Invalid JSON on either side blocks structural diff—fix parse errors, then compare.