JSON Diff

Paste two JSONs and see exactly which keys were added, removed, or changed — visualized as a colored tree.

Before
After

How to Use

1
Paste two JSONs

Left = "before", right = "after". The diff updates as you type.

2
Read the colors

Green = added, red = removed, yellow = value changed, gray = unchanged. Big objects become quickly scannable.

3
Check the summary

The summary card on top counts how many keys were added, removed, and changed (or tells you nothing changed).

FAQ

How are arrays compared?

Compared by index. ["a", "b"] vs ["b", "a"] reports both indices as changed. Sort first if order doesn't matter.

What if the value is the same but the type differs?

Strict equality (===), so "123" (string) ≠ 123 (number). Types must match too.

What if I enter invalid JSON?

Syntax errors highlight in red on the affected pane. With one side empty, the other is treated as fully added/removed.

Can it handle large JSON?

Up to ~1MB processes comfortably in the browser. Larger inputs may briefly stall the page.

Is anything sent to a server?

No. All comparison happens in your browser; the JSON never leaves the page.