Tools Guides
developer Free No signup

JSON Diff Comparator

Deep-compare two JSON objects and visualize added, removed, and changed keys.

Loading tool…

About this tool

Paste two JSON documents into the side-by-side panes and instantly see a color-coded diff: green for added keys, red for removed keys, yellow/orange for changed values, and gray for unchanged content. Switch between side-by-side and unified diff views, navigate between differences with prev/next buttons, and see a summary count of all changes.

How to use

  1. 1 Step 1: Paste your original JSON into the left pane and the modified JSON into the right pane.
  2. 2 Step 2: Click 'Compare' — the diff is computed instantly and highlighted in both panes.
  3. 3 Step 3: Check the summary bar for a count of added, removed, and changed keys.
  4. 4 Step 4: Use the Prev / Next buttons to jump between each difference, or toggle to unified view.

Frequently Asked Questions

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}