🔍 JSON Diff

Paste two JSON objects then compare and inspect differences.

About JSON Diff

Paste two JSON objects to instantly see what was added, removed, or changed. Differences are color-coded inline so you can scan at a glance — green for additions, red for removals, amber for modifications.

How to use

  1. Paste the original JSON in the left panel.
  2. Paste the updated version in the right panel.
  3. Review the inline diff; toggle show unchanged if you want surrounding context.
  4. Use the badges in the header to jump between change types.

Common use cases

  • Comparing API responses before and after a code change.
  • Reviewing what changed in a configuration file across environments.
  • Verifying that a serialization round-trip preserved every field.
  • Catching unintended additions or removals during a refactor.

Tips

  • Whitespace and key-order differences never show up — inputs are normalized before diffing.
  • Arrays diff by index, so a reorder shows as a removal-then-addition pair.
  • The diff updates as you type; no button to click.

FAQ

Will whitespace or key-order differences show up?
No. Both inputs are normalized before diffing, so only real structural differences are highlighted.
How are arrays compared?
By index. Reordering an array shows up as a removal-then-addition pair. Use JSON Sort first if you want order-insensitive comparison.
Can it handle large JSON files?
Anything that fits comfortably in your browser memory. There's no hard limit; the diff updates as you type.
Are there really no servers involved?
Right. The page is a single static HTML file; the comparison happens entirely in your browser.

More tools

JSON

Code

Ornaments

Image

Audio

Web / SEO

Generators

PDF

Time