Skip to main content
Z

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.

Free No signup Client-side Privacy friendly Updated
+ added - removed ~ changed Computing…

How to use

  1. 1 Paste the original JSON on the left, modified JSON on the right.
  2. 2 Pick how arrays should be compared — by order or by membership.
  3. 3 Differences appear color-coded: added (green), removed (red), changed (yellow).
  4. 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. 1

    Compare API responses

    See exactly which fields changed between two versions of a JSON payload.

  2. 2

    Review config changes

    Diff two JSON config files to find what differs between environments.

  3. 3

    Build a JSON Patch

    Identify the add/remove/replace operations needed to turn one document into another (RFC 6902).

Summary

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

Build, share, and grow on Zerethon Social

Free signup. Earn points, collect achievements, and connect with creators worldwide.

Try Zerethon free