Skip to content
Marvin's Toolbox.

JSON Diff

Compare two JSON documents by structure and see every added, removed and changed key and value with its exact path. Browse the result as a tree, a filterable change list or a line diff, ignore array order, catch type changes and export the changes as a JSON report.

Runs entirely in your browser. Nothing you put in here gets uploaded.

Added
+3
Removed
−1
Changed
4

Next steps

Keep going. These tools open with your result loaded in.

JSON Inspector

Paste JSON to explore it as a collapsible, searchable tree, hide the fields you don't need, and see the structure it implies as a badge-annotated schema and a copyable TypeScript interface.

devjson

Config Converter

Convert config and data between JSON, YAML, TOML, JSON5, INI, XML, CSV and .env. Type or paste on the left, pick the output format on the right, and copy the result. Includes a format button and a minify toggle.

devconverterconfigjsonyaml

JSON Diff

Compare two JSON documents by structure and see every added, removed and changed key and value with its exact path. Browse the result as a tree, a filterable change list or a line diff, ignore array order, catch type changes and export the changes as a JSON report.

devjson

Text Case Converter

Convert text into every case at once: title case in the APA, AP, Chicago, MLA, Bluebook, AMA and NYT styles, sentence case, upper, lower, camelCase, snake_case, kebab-case and more.

textconverter

Word & Character Counter

Count words, characters, sentences, paragraphs, lines and more as you type, with estimated reading and speaking time.

text

Dedupe Lines

Remove duplicate lines from a list or text, keeping the first occurrence. Optionally ignore case and whitespace, or drop blank lines too.

textdev

Find and Replace

Replace text in two modes: plain find and replace all, or regular expressions with flag controls and capture group references like $1.

textdev

Text Diff

Compare two texts and see every added, removed and changed line highlighted, side by side or inline, with the changed words marked within each line. Ignore case, whitespace or blank lines, read a summary of how much changed, and export the result as a unified diff.

textdev

UUID Decoder

Paste a UUID to see what it carries: version, variant, and for time-based versions the exact timestamp, clock sequence and node. Also shows the raw bytes, the 128-bit integer and the URN form.

devuuid

About the JSON Diff Tool

This tool compares two JSON documents by structure, not by text. Paste the original on the left and the changed version on the right, and it lists every key that was added or removed and every value that changed, each with its exact path.

Formatting and key order do not matter. Two documents that differ only in indentation or in the order of their keys count as identical, so the result shows real changes instead of noise.

What you can do

  • Compare two JSON documents and see every added, removed and changed key and value.
  • Spot values that changed type, like a number that became a string.
  • See an array item that only changed position reported as moved, not as a remove plus an add.
  • Browse the differences as a tree, a flat list of changes or a classic line diff.
  • Copy the JSONPath of any change to use in your code or tests.
  • Compare arrays with or without caring about item order.
  • Treat null and missing keys as equal when an API omits empty fields.
  • Copy a readable text summary to share in chat, or download the changes as a JSON report.

How to use the JSON Diff

  1. 1Paste the original JSON on the left and the changed JSON on the right.
  2. 2Read the summary to see how many keys were added, removed, changed or moved.
  3. 3Scan the change list to find each difference and copy its path, or switch to the tree or text view for more context.
  4. 4Turn on the compare options if array order or null handling gets in the way.
  5. 5Copy the report to paste into a chat, or download it as JSON if you need to keep it.

Structural, not textual

A plain text diff of two JSON files flags every reordered key and reformatted block, even when the data is the same. This tool parses both documents first and compares the values, so a change in version is reported as exactly that, no matter how the files are formatted. To compare plain text instead, use the Text Diff.

Arrays and ordering

By default arrays are compared in order, and the items are aligned so one inserted element does not mark everything after it as changed. An item that kept its value but sits at a new position is reported as moved, with its old and new index, instead of showing up twice as removed and added. A replaced item is compared field by field, so editing one property of an object inside an array reports just that property. If order does not matter for your data, for example a list of tags, turn on Ignore array order and reordered items count as equal.

Reading the result

Green rows only exist in the changed document, red rows were removed, amber rows changed value with the old and new value side by side, and blue rows moved to a new position in their array. Type changes are called out separately, since "8080" and 8080 behave very differently in code. Every change carries its JSONPath, ready to copy into a test or a jq query. To explore either document on its own, open it in the JSON Inspector.

Credits

Open source does the heavy lifting in this tool. Thank you to:

  • jsdiff

    A JavaScript implementation of the classic Myers diff algorithm.

Everything this site builds on is listed on the credits page.

Related tools

Tools that share a tag with this one.

Code Formatter

Format code in JavaScript, TypeScript, JSON, JSON5, HTML, Vue, CSS, SCSS, LESS, Markdown, YAML, GraphQL, XML and SQL. Pick tabs or spaces, set the indent width, and format the input in place with one click.

devtextjsonyaml

Config Converter

Convert config and data between JSON, YAML, TOML, JSON5, INI, XML, CSV and .env. Type or paste on the left, pick the output format on the right, and copy the result. Includes a format button and a minify toggle.

devconverterconfigjsonyaml

Fake Data Generator

Generate realistic fake data for testing: names, emails, addresses, phone numbers, companies, internet data, dates and more. Tick the fields you need, set how many rows you want and a locale, then copy or download the result as JSON, CSV or plain text.

devjson

HAR Viewer

Drop a HAR export from your browser's network tab and see every request on a waterfall timeline. Inspect status codes, timings, sizes, headers and payloads, filter by type or URL, and spot the slow requests at a glance.

devjson

jq Playground

Run real jq filters against JSON in your browser. Write a filter, pass options like slurp or raw output, browse a built-in cheat sheet of common filters, and copy the result or send it to another tool.

devjson

JSON Inspector

Paste JSON to explore it as a collapsible, searchable tree, hide the fields you don't need, and see the structure it implies as a badge-annotated schema and a copyable TypeScript interface.

devjson