JSON Diff
Original
Modified
Loading editor…

JSON Diff

Paste two JSON documents — one in each panel — and see the differences highlighted instantly. Added lines are shown in green, removed lines in red. The toolbar shows whether the two documents are semantically identical or have differences.

Side-by-side
VS Code-style visual diff.
Semantic diff
Detects identity after parsing.
Swap
Flip original and modified.
Both editable
Edit either side live.

Semantic vs visual diff

The visual diff compares the raw text line by line. The toolbar badge compares the parsed values — so two documents with different whitespace or key ordering but the same data will show as Identical.

Frequently Asked Questions

How does the JSON diff tool work?

Paste two JSON documents — one in each panel. The diff editor highlights added lines in green and removed lines in red. The toolbar badge shows whether the two documents are semantically identical or have differences.

What is the difference between semantic diff and visual diff?

Visual diff compares raw text line by line. Semantic diff parses both documents and compares the actual data — so two documents with different key ordering or whitespace but the same values will show as Identical.

Can I edit both sides of the diff?

Yes. Both the Original and Modified panels are fully editable. Changes are reflected in the diff highlighting in real time.

What does the Swap button do?

Swap exchanges the content of the Original and Modified panels, effectively reversing the direction of the diff.

Is the diff tool useful for comparing API responses?

Yes. Paste two API responses to instantly see what changed between versions, environments, or deployments.