Online JSON Diff — Compare Two JSON Documents Visually

Paste two JSON payloads and highlight structural differences. Useful for API regression checks, config reviews and debugging — nothing uploaded.

Loading…
JSON diff — comparison playbook
Compare two JSON documents side by side and highlight structural differences. Summary badges list changed, added and removed paths — all processing stays local.

Developer notes

• Both panels must contain valid JSON before Compare runs. • Toggle keys-only mode to ignore value changes when reviewing schema drift. • The summary dashboard lists affected JSON paths for quick scanning. • Comparison logic is structural — array order and nested paths matter.

Comparison options

Compare keys only
Ignore values and report only added, removed, or shared keys.
Full diff
Include unchanged context paths in the summary for a complete comparison view.

When teams pick this route

• API regression checks between staging and production responses. • Config reviews when Helm or Terraform exports JSON snapshots. • Debugging feature flags or A/B payload differences. • Validating converter round-trips before merging.

Worked examples

Feature flag flip

Original JSON

{ "feature": "checkout-v2", "enabled": false, "rollout": 0, "limits": { "maxRequests": 1000, "burst": 50 }, "regions": ["eu-west", "us-east"] }

JSON to compare

{ "feature": "checkout-v2", "enabled": true, "rollout": 25, "limits": { "maxRequests": 2000, "burst": 100 }, "regions": ["eu-west", "us-east", "ap-south"] }

Nested key added

Original JSON

{ "user": {"id": 42, "name": "Ada"} }

JSON to compare

{ "user": {"id": 42, "name": "Ada", "role": "admin"} }

Navigate related tools

For free text (not JSON), use text diff. Browse the JSON tools hub. Merge two documents, then verify with JSON diff. Normalize key order with JSON sort first. Validate inputs with the JSON validator, or prettify via the JSON formatter.

JSON diff FAQ

Structural comparison expectations

What counts as a difference?

Changed values, added keys, removed keys and type changes are highlighted. Identical documents report no differences.

Keys-only mode?

When enabled, value edits are ignored — useful when you only care about schema shape.

Array order?

Arrays are compared positionally — reordering elements may show as changes.

Is data uploaded?

No — both payloads are compared entirely in your browser.

Can I diff YAML or XML directly?

Convert to JSON first using our format converters, then paste both JSON documents here.

JSON Tools

Validate, format, diff and explore JSON payloads — complementary to minifiers and converters.

Explore other tool categories

Minify

Shrink code and assets for production — minify JavaScript, CSS, HTML, JSON and XML before gzip or CDN deploy.

Beautify

Make code readable with consistent indentation — beautify JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML and more in your browser.

Unminify

Expand minified or compressed code — unminify JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML and other formats when debugging or reviewing.

Conversion

Transform data between JSON, YAML, XML and CSV locally — no server uploads.

CSS preprocessors

Compile SCSS or LESS to standard CSS in the browser — pair with beautify or minify for a full stylesheet workflow.

SVG Tools

Preview, optimize with SVGO, export Data URI, resize, beautify, convert to JSX and validate SVG — all in your browser.

DevOps & Infra

Terraform HCL format/validate/minify, Dockerfile format & lint, Docker Compose and .env validation.

CI/CD

GitHub Actions and GitLab CI — format YAML and check workflow/job structure in your browser.

Logs & observability

Line-oriented JSON/NDJSON and Nginx/Apache access logs — format, filter, validate, and CSV/TSV.

Kubernetes

Multi-doc manifests, structural validate, Ingress/Deployment starters, and Helm values formatting.

Networking / IP

CIDR, subnets, and IPv4/IPv6 helpers — in your browser.

Security & tokens

JWKS, X.509 certificates, and secrets scan — browser-local.

API & schemas

OpenAPI tools to format, validate, and lint your specs.

Encoding

Encode or decode Base64, URL components and HTML entities — client-side only.

Developer utilities

Timestamps, UUID, ULID, Nanoid, cron, passwords, regex, slugify, number bases, case, text diff, and chmod — all client-side.

Text & Markdown

Count words, build Markdown TOCs, and clean line lists — all in your browser.

AI & LLM

Token counting, pricing estimates, and context-window fit — 100% browser-local.

Serialization

Serialize and deserialize PHP data structures beside JSON workflows.