All tools

JSON Diff & Compare

Structural and line-level JSON comparison with sorted-key mode, color highlights, and swap.

Formatters & Utilities
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 "stbox" → "stbox.dev"
  • added$.tags[2] = "saml"
  • added$.version = 2

Line diff

1 {
2 "active": true,
3 "id": 1,
4- "name": "stbox",
4+ "name": "stbox.dev",
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.

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.