Tools
0 changes • 0 additions • 0 modifications • 0 type mismatches
0 of 0
Original
Modified

JSON Diff — Compare Two JSON Objects Online Free

What is JSON Diff?

Compare two JSON objects and see differences. Paste both JSON blobs separated by "---" on its own line.

JSON Diff compares two JSON objects and highlights added, removed, and changed keys. Paste the first JSON, then "---" on its own line, then the second JSON. The tool outputs a readable diff: + for added keys, - for removed, ~ for changed values. Nested objects are compared recursively. Use it to compare API responses, config versions, or any JSON data. All processing runs in your browser.

How to Use JSON Diff

  1. Paste or type your input into the editor on the left panel.
  2. Results update automatically while you type. You can also press Ctrl+Enter to force a refresh.
  3. View the result in the output panel on the right with full syntax highlighting.
  4. Use Copy or Download to export the result.
  5. Drag and drop .json or .txt files directly into the editor.
  6. Toggle Tree View for an interactive, collapsible view of the JSON structure.

Example

Input:

{"name":"John","age":30}
---
{"name":"John","age":31,"city":"NYC"}

Output:

- age: 30
+ age: 31
+ city: "NYC"

Common Use Cases

  • Compare API responses
  • Diff config file versions
  • Find changes in JSON exports

JSON Diff Output

+
Added in second JSON
-
Removed from first JSON
~
Changed between the two

Common Errors

  • Use "---" on its own line to separate the two JSON objects
  • Both parts must be valid JSON

Why Use Our JSON Diff?

  • 100% client-side — your data never leaves your browser. No server processing, no data collection.
  • No sign-up required — start using the tool instantly with no registration or installation.
  • Keyboard shortcuts — press Ctrl+Enter to run, ? for shortcuts list, Ctrl+B to toggle sidebar.
  • Persistent state — your input is automatically saved across sessions using local storage.
  • IDE-style interface — Monaco Editor (the engine behind VS Code) with syntax highlighting and error detection.
  • Multi-format conversion — convert between JSON, XML, CSV, and YAML without switching tools.

Frequently Asked Questions

How do I use JSON Diff?

Paste the first JSON object, then "---" on its own line, then the second JSON object. Click Run to see the differences.

What does +, -, and ~ mean?

+ means the key was added in the second JSON, - means it was removed, ~ means the value changed.

Does it support nested objects?

Yes. Nested objects are compared recursively, and differences are shown with dot notation paths.

Is my data sent to a server?

No. The diff runs entirely in your browser. Your JSON never leaves your device.

Can I compare arrays?

Arrays are compared as whole values. If they differ, the change is shown. For detailed array diffing, consider flattening to objects first.

Try JSON Diff Now

Paste your data into the editor above for instant processing. Use Ctrl+Enter anytime to re-run quickly.

Related Tools

All Developer Tools

Guides by Search Intent