Milind Daraniya

Back to Tools

JSON Diff

Compare two JSON documents structurally — detect additions, deletions, and value changes at every nesting level.

JSON Diff

Structural Comparison • Type-Aware • Instant Results
Left (Original)
Right (Modified)
How to Use
  1. Paste the original JSON in the left panel and the modified JSON in the right panel.
  2. Click Compare (or press Ctrl+Enter) to see the structural differences.
  3. Green background = additions — keys present in the right but not in the left.
  4. Red background = deletions — keys present in the left but removed in the right.
  5. Blue background = value changes — keys exist in both but have different values.
  6. Switch between Tree View (inline structural view with color-coded nodes) and Table View (path-based list with old/new values).
  7. Use Swap to exchange the two panels, or Format buttons to pretty-print each JSON.
Tip: This tool compares JSON structurally — it parses both inputs first, so whitespace, indentation, and key ordering are ignored. Only real data differences are reported.