██╗███████╗ ██████╗ ███╗ ██╗ ██████╗ ██╗███████╗███████╗ ██╗ ██╗██╗███████╗██╗ ██╗███████╗██████╗ ██║██╔════╝██╔═══██╗████╗ ██║ ██╔══██╗██║██╔════╝██╔════╝ ██║ ██║██║██╔════╝██║ ██║██╔════╝██╔══██╗ ██║███████╗██║ ██║██╔██╗ ██║ ██║ ██║██║█████╗ █████╗ ██║ ██║██║█████╗ ██║ █╗ ██║█████╗ ██████╔╝ ██╗██║╚════██║██║ ██║██║╚██╗██║ ██║ ██║██║██╔══╝ ██╔══╝ ╚██╗ ██╔╝██║██╔══╝ ██║███╗██║██╔══╝ ██╔══██╗ ╚█████║███████║╚██████╔╝██║ ╚████║ ██████╔╝██║██║ ██║ ╚████╔╝ ██║███████╗╚███╔███╔╝███████╗██║ ██║ ╚════╝╚══════╝ ╚═════╝ ╚═╝ ╚═══╝ ╚═════╝ ╚═╝╚═╝ ╚═╝ ╚═══╝ ╚═╝╚══════╝ ╚══╝╚══╝ ╚══════╝╚═╝ ╚═╝
FAQ — JSON Diff Viewer
JSON Diff Viewer — how it works
What does JSON Diff Viewer do?
It compares two JSON objects and shows every addition, removal and change in a colour-coded collapsible tree. Green = added, red = removed, yellow = changed, grey = unchanged.
Is my data uploaded anywhere?
No, never. The entire comparison runs in JavaScript inside your browser. Nothing is sent to any server. This tool was built for developers who work with sensitive API responses and config files.
Does it handle nested JSON?
Yes. Objects and arrays are compared recursively to any depth. Nested differences are shown in a collapsible tree so you can drill into exactly what changed.
Can I load JSON from a file?
Yes. Click the 📁 Load file button next to each editor to load a .json or .txt file from disk. You can also paste JSON directly into the text areas.
How are arrays compared?
Arrays are compared index by index. If one array is longer, the extra elements are shown as additions or removals. Objects inside arrays are compared recursively.
Can I copy the diff result?
Yes. After comparing, click the 📋 Copy diff button to copy the full diff as plain text to your clipboard — useful for pasting into Slack, tickets, or documentation.