JSON Diff Viewer

Compare two JSON documents and see the differences highlighted.

How to use

  1. Paste the original JSON on the left and the modified JSON on the right.
  2. The tool parses both documents and highlights added, removed and changed keys with colour coding.
  3. Review the differences — additions in green, deletions in red, changes in yellow — and copy the diff summary if needed.

About this tool

Compares two JSON documents key by key and highlights every difference: added keys, removed keys and values that changed. Useful for debugging API responses, comparing config files or reviewing data migrations.

The comparison is structural, not textual — it parses both JSONs into objects and walks the tree recursively. Reordered keys in the same object are not flagged as changes, because JSON objects are unordered by specification.

Both documents must be valid JSON. If either fails to parse, the tool shows the syntax error and its position so you can fix it before comparing. Processing runs locally in your browser — your data is not sent anywhere.

Frequently asked questions

Does my data leave my browser?

No. Everything runs locally in JavaScript on your device — nothing is transmitted or stored.

Can I use the result commercially?

Yes. The output is generated locally in your browser and is yours to use however you like — commercially or otherwise.

Does the tool work offline?

Once the page loads, yes — all processing happens in JavaScript on your device, with no server calls.

Related tools

Long links? Shorten them for free

Vai.la turns any URL into a short link with click statistics, QR Code and your own biolink.

Vai.la is not responsible for how the tools are used or for decisions made based on their results.