Web Tools
JSON Diff
Compare two JSON documents structurally. See added, removed, changed, and unchanged fields at every nesting level. Supports objects, arrays, and all JSON types. 5 built-in examples. Runs entirely in your browser — your data never leaves your machine.
json diff compare developer-tools data
Published May 28, 2026
All interactive tools run entirely in your browser. Your data never leaves your device.
How It Works
Paste two JSON documents side by side. The tool parses both, then recursively walks through every key, index, and nested value to identify structural differences. Results are displayed as a color-coded diff with path notation showing exactly where each change occurs.
Features
- Structural comparison: compares by key paths, not text lines
- Four diff types: added (green), removed (red), changed (yellow), unchanged (gray)
- Nested support: recurses into objects and arrays at any depth
- Path notation: shows exact location of each difference (e.g.,
$.user.settings.theme) - Toggle unchanged: hide/show unchanged entries to focus on differences
- 5 examples: simple changes, added/removed keys, nested objects, arrays, API responses
- Summary stats: counts of added, removed, changed, and unchanged entries
- Private: runs entirely in the browser — no data transmitted
Use Cases
- Comparing API responses before and after changes
- Reviewing configuration file changes
- Debugging data transformation pipelines
- Validating migration scripts
- Diffing JSON fixtures in tests