Does it handle nested objects?

Yes — keys are flattened with dot notation so nested changes show the full path.

JSON Diff Viewer

Compare two JSON objects and highlight added, removed, and changed keys. Runs entirely in your browser.

By AbraCalc Editorial Team · Reviewed by AbraCalc Methodology Review · Last reviewed: 2026-06-25

JSON A (before)

JSON B (after)

Pure browser JavaScript — no external libraries.

Embed this tool on your site

<iframe src="https://abracalc.com/app/json-diff-viewer/" width="100%" height="640" style="border:1px solid #e4e7ec;border-radius:12px" loading="lazy"></iframe>

How to use this tool

Paste the before JSON in box A and after JSON in box B.
Click Compare.
Green = added, red = removed, orange = changed.

Compare two JSON objects and highlight added, removed, and changed keys. Runs entirely in your browser.

Frequently asked questions

Does it handle nested objects?: Yes — keys are flattened with dot notation so nested changes show the full path.

References & sources

JSON (Wikipedia)

JSON Diff Viewer

How to use this tool

Frequently asked questions

References & sources

Related tools