Side-by-Side Diff Viewer Online
View your git diff output in a side-by-side layout with the old version on the left and new version on the right. Paste any unified diff above and switch to Side by Side view mode.
Git Diff Viewer
Paste unified diff output (from git diff) and view it with syntax highlighting, line numbers, and side-by-side or inline display.
Paste a unified diff above to render it with syntax highlighting and line numbers.
Why use side-by-side diff view?
Side-by-side diff view displays the old and new file versions in parallel columns, making it easier to see exactly what changed at each line. It is the preferred view for code reviews because you can scan corresponding lines horizontally. Inline view is better for small changes or narrow screens, while side-by-side excels for refactoring and multi-line changes.
How to read a side-by-side diff
In side-by-side view, the left column shows the original file and the right column shows the modified version. Deleted lines appear highlighted in red on the left with an empty slot on the right. Added lines appear highlighted in green on the right with an empty slot on the left. Modified lines show the old version in red (left) and new version in green (right) on the same row.
Frequently Asked Questions
When should I use side-by-side vs inline diff view?
Use side-by-side view for code reviews, refactoring comparisons, and when you need to see old and new versions simultaneously. Use inline view on narrow screens, for small single-line changes, or when you want a compact view of the diff. Most code review tools default to side-by-side for desktop and inline for mobile.
Can I use side-by-side view with any diff format?
This tool accepts unified diff format (the output of git diff). Paste your diff text and select 'Side by Side' from the view dropdown. The viewer automatically pairs deleted and added lines for parallel display. Context lines appear on both sides.
Related Inspect Tools
AI Model Comparison
Compare GPT, Claude, Gemini, Llama, and more — pricing, context windows, capabilities, and reasoning support for 21 models
JSON Visualizer
Visualize JSON as an interactive tree — collapsible nodes, search, path copy, depth controls, and data statistics
Compression Tester
Test and compare Brotli, Gzip, and Deflate compression ratios for text content — sizes, savings, and speed
TypeScript 6.0 Migration Checker
Analyze your tsconfig.json for TS 6.0 breaking changes, deprecated options, new defaults, and get a readiness grade with fixes