Reconnecting… Connection lost. Reload Session expired. Reload

JSON Diff Tool

Compare two JSON documents side by side and highlight changed lines visually.

By Pankaj Kumar · DevToolsHub· Last updated Jun 2026
Input Section

Left JSON

Right JSON

Output Section

Visual JSON diff

{ {
"name": "DevToolsHub", "name": "DevToolsHub",
"version": 1 "version": 2
} }

JSON diff summary

Summary

_error

What is JSON Diff?

JSON Diff compares two JSON documents and highlights exactly which keys were added, removed, or changed. Unlike plain text diff, it understands JSON structure so it compares values semantically, ignoring insignificant whitespace differences.

How to use

  1. Paste the original JSON in the left panel.
  2. Paste the modified JSON in the right panel.
  3. Click Compare.
  4. Review highlighted differences — added keys, removed keys, and changed values are shown distinctly.

Common use cases

Comparing API responses before and after a code change, reviewing config file differences, debugging JSON data transformations, auditing changes to JSON-based settings.

FAQ
How are JSON differences shown?

Both JSON documents are normalized and displayed side by side with changed lines highlighted.

Does this require valid JSON?

Yes. Invalid JSON returns an error instead of a diff.

How is JSON Diff different from plain text diff?

JSON Diff understands structure. It ignores key ordering differences and whitespace, comparing actual values semantically rather than raw text character by character.

Does key order matter?

No. JSON objects are unordered by specification, so {a:1, b:2} and {b:2, a:1} are treated as identical.

What do the colours mean?

Changed lines are highlighted. Added keys appear in one colour, removed keys in another, and changed values show both old and new.

Can I compare JSON arrays?

Yes. Arrays are compared by position. If an item is added, removed, or moved, the diff shows the change at that index.