devSign in to save
AuthDatabase

JSON Diff Viewer

Compare two JSON objects. Tree view of additions, removals, and modifications. Save comparisons.

Open the toolBuild your ownSign in to save your work and revisit it anywhere.
json-diff.genmb.comOpen in new tab

Compare two JSON objects with a tree-style diff: green for additions, red for removals, yellow for modifications, gray for unchanged. Sign in to save diffs by name and revisit them later.

When to use it

  • 1Finding what changed between two API response captures.
  • 2Reviewing a config change before applying it.
  • 3Diffing two settings exports to spot drift.

How it works

  1. 1

    Paste before and after

    Two textareas. Validation errors appear inline if either side is malformed.

  2. 2

    Read the diff tree

    Tree view with collapsible unchanged sections. Stats at the top show added/removed/changed counts.

  3. 3

    Save it

    Sign in to save the diff by name. Useful when you want to come back and look again later.

Frequently asked

Does it handle very large JSON?

Yes - up to a few MB before the browser slows. The deep-diff algorithm is implemented inline so there is no upload anywhere.

Want a tool just like this, but yours?

Every tool on this page was generated by GenMB from a single prompt. Describe yours and ship it to your own subdomain in minutes.

Build with GenMB

Related tools

AI Color Palette Generator

Generate beautiful color palettes by random, harmony, or AI prompt. Save your library, export as CSS or Tailwind.

CSS Box Shadow Generator

Design CSS box-shadows visually with multiple layers. Save your library and copy production-ready CSS.

CSS Clamp() Calculator

Build fluid responsive typography and spacing with clamp(). Min, max, and viewport ranges, copy CSS.

Responsive Viewport Tester

Test how a site looks at different viewport sizes. Save device presets when signed in.