JSON Diff — Compare & Find Differences Between Two JSON Files
Structural JSON comparison. Color-coded paths for added, removed, and changed keys. Optional ignore-array-order mode.
How to use
- 1 Paste the original JSON on the left, modified JSON on the right.
- 2 Pick how arrays should be compared — by order or by membership.
- 3 Differences appear color-coded: added (green), removed (red), changed (yellow).
- 4 Summary counts at the top of the diff panel.
Why use this tool
- Powered by <code class="font-mono text-xs">microdiff</code> — a tiny, fast structural diff library.
- Library loaded lazily on first compare — keeps page lightweight.
- Two array modes — strict order vs. set-style membership.
- Pure client-side — both JSON payloads stay in your browser.
Frequently asked questions
What does "Ignore order" do?
It deep-sorts arrays before comparing. Useful when arrays represent unordered sets (tags, IDs) and order is not meaningful.
How are nested differences shown?
Each difference includes the full JSON path (e.g. <code class="font-mono text-xs">owner.region</code>) so you can locate it precisely in either document.
Need to format the inputs first?
Use <a class="text-brand-600 hover:underline" href="/json-formatter">JSON Formatter</a> to clean both inputs, then come back here.
Need to diff plain text or code?
Use <a class="text-brand-600 hover:underline" href="/text-diff">Text Diff</a> for character / word / line diffs.
What is JSON Diff?
A JSON Diff is a tool that compares two JSON documents structurally and reports the differences between them. It walks the object trees and highlights added, removed, and changed keys with color-coded paths to each affected location. An optional ignore-array-order mode treats arrays as unordered. It runs entirely in the browser, so the JSON being compared stays on the device.
Features
Structural comparison
Compares by key path and value, not line-by-line, so reordered keys aren't false positives.
Added / removed / changed
Each difference is color-coded with the exact JSON path to the affected location.
100% private
Both documents are compared client-side and never uploaded.
Example
Input
{"name":"Zerethon","free":true} vs {"name":"Zerethon","free":false}
Output
name: "Zerethon"
~ free: true → false
Common use cases
-
1
Compare API responses
See exactly which fields changed between two versions of a JSON payload.
-
2
Review config changes
Diff two JSON config files to find what differs between environments.
-
3
Build a JSON Patch
Identify the add/remove/replace operations needed to turn one document into another (RFC 6902).
Zerethon's JSON diff compares two JSON documents structurally in your browser, walking the object trees to highlight added, removed, and changed keys with a color-coded path to each. An optional ignore-array-order mode treats arrays as unordered. Nothing is uploaded — the JSON stays on your device.
- Category
- Developer
- Pricing
- Free
- Privacy
- Browser-based
- Signup
- Not required
References
Privacy
Your data never leaves your browser unless explicitly stated. JSON Diff runs entirely client-side — no server upload, no logging, no tracking of your input.
Related tools
JSON Formatter
Format, validate, and minify JSON online. Free, no signup — your data never leaves your browser.
Open toolSQL Formatter
Format SQL queries online — beautify MySQL, PostgreSQL, SQLite, SQL Server, Oracle, and BigQuery.
Open toolUUID Generator
Generate UUIDs online — v1, v4, v7, and Nil. Bulk generation up to 10,000. Free, no signup.
Open toolPassword Generator
Generate strong, cryptographically random passwords. Configurable length and character sets — runs in your browser.
Open toolBuild, share, and grow on Zerethon Social
Free signup. Earn points, collect achievements, and connect with creators worldwide.