JSON Structural Diff

Path-level structural JSON compare (added/removed/modified keys) with optional sorted-key mode — use Diff Workbench for Git-style text/.patch diffs.

Privacy: 100% Client-Side. Your data never leaves this browser tab. Processing uses Web APIs and client-side libraries only.

Compare two JSON payloads with structural path diffs and a color-coded line view. Toggle key sorting to ignore object key order.

Structural changes (3)

  • modified$.name "Utilxo" → "utilxo.com"
  • added$.tags[2] = "saml"
  • added$.version = 2

Line diff

1 {
2 "active": true,
3 "id": 1,
4- "name": "Utilxo",
4+ "name": "utilxo.com",
5 "tags": [
6 "jwt",
7- "oauth"
7+ "oauth",
8- ]
8+ "saml"
9+ ],
10+ "version": 2
9 }
■ added■ removed■ modified

Why diff JSON structurally?

API payloads and JWT claims often differ by key order or nested fields. A raw text diff is noisy; a structural diff highlights added, removed, and modified paths.

This tool pretty-prints both sides (optionally sorting keys), shows path-level changes, and a green/red/amber line view — all in your browser. For Git-style unified/split patches on any text, use Diff Workbench.

How to use this tool

  1. Paste Original and Modified JSON.
  2. Enable Sort keys to ignore object key order; optionally auto-format.
  3. Review structural changes and the line diff; swap sides if needed.

Frequently asked questions

Is my JSON uploaded?

No. Parsing and diffing run entirely client-side.

How is this different from Diff Workbench?

JSON Structural Diff highlights added/removed/modified JSON paths. Diff Workbench is a general text/Git-style viewer for any format, with inline highlights and .patch export.