JSON Diff Viewer

JSON Diff Viewer compares two JSON documents as data and shows what was added, removed, changed or left unchanged, including inside nested objects and arrays. Results appear in a colour-coded tree with paths, alongside summary counts and a copyable plain-text summary.

Text diffs of JSON are noisy: re-indenting or reordering keys makes every line look different. A semantic comparison ignores formatting and shows only real changes, which makes API responses, configuration files and test fixtures much easier to review.

1. Paste the original JSON on the left and the updated JSON on the right, or press Load sample.
2. Choose whether object key order should be ignored and whether array order matters.
3. Press Compare.
4. Review the counts and the colour-coded tree; untick Show unchanged values to focus on differences.
5. Press Copy diff summary to copy a plain-text list of every change.

• Semantic comparison that ignores whitespace and formatting
• Added, removed, changed and unchanged values, including nested ones
• Paths for every change, such as $.items[2].price
• Option to ignore object key order (on by default)
• Option to treat array order as significant (on by default)
• Exact line-and-column parse errors for both documents
• Copy diff summary, Swap sides and sample data

• Keep array order significant for lists where position matters, such as steps or rankings.
• Turn array order off for sets of tags or IDs where position doesn’t matter.
• Format both documents first if you also need to review them as text.
• Hide unchanged values when comparing large documents.
• Remove secrets or personal data before sharing a copied summary.