Git Diff Visualizer
Parse and visualize git diff output with syntax highlighting
About this ToolHow it works, benefits & use casesTap to collapse
Paste the raw output of git diff, git show, or a patch file and this visualizer turns those plus-and-minus lines into a readable, colour-coded review. It parses the unified diff format on the fly: every "diff --git" header becomes a file card with a status badge (new file, deleted, renamed, or modified), each @@ hunk header is preserved, and individual lines are highlighted green for additions and red for deletions with old and new line numbers tracked down the gutter. A summary panel tallies files changed, insertions, and deletions in the familiar "N files changed, N insertions(+), N deletions(-)" style. There is also a Generate Diff mode that builds a unified diff from two text versions you paste side by side, naming the file whatever you like. Everything is parsed in your browser and the current diff is captured in the URL so you can share a rendered review with a teammate.
How to Use
- 1Keep the Parse Diff mode selected, then paste the output of git diff or git show into the input panel — or click Load Example to see a sample.
- 2Press Parse Diff to render the file cards, status badges, and green/red line highlighting.
- 3Read the Diff Statistics panel for the files-changed, insertions, and deletions counts.
- 4To build a diff from scratch, switch to Generate Diff mode, set a file name, paste the old and new versions into the two fields, and press Generate Diff.
- 5Copy the page URL to share the rendered diff, since the current input is stored in the link.
Key Benefits
- Renders unified diff output with green additions and red deletions instead of plain text
- Detects file status — new file, deleted, renamed, or modified — and shows a badge per file
- Tracks old and new line numbers in the gutter for every hunk
- Summary panel reports files changed, insertions, and deletions at a glance
- Generate Diff mode builds a unified diff from two pasted text versions
- Shareable URL captures the current diff for handing off a review
- Parses entirely in your browser — pasted code is never uploaded
Common Use Cases
- Reviewing a patch or git diff output in a readable, highlighted view outside an IDE
- Sharing a rendered code review with a teammate via a single link
- Sanity-checking what a commit changed before applying or pushing it
- Turning two versions of a file into a proper unified diff to attach to a ticket
- Teaching how the unified diff format and hunk headers work
Mode
Paste the output of git diff, git show, or similar commands
How to Use
- Parse Mode: Paste git diff output to visualize changes with syntax highlighting
- Generate Mode: Compare two text versions to create a unified diff
- Lines in green show additions (+)
- Lines in red show deletions (-)
- Gray lines show unchanged context
Was this tool helpful?
Share Your Experience
Help others discover this tool!
Related tools
- Text Diff CheckerCompare two texts and highlight differences
- Code Diff CheckerCompare and highlight code differences
- Bundle Analyzer VisualizerPaste a bundle file list to get a visual size treemap, gzip/brotli estimates, performance-budget pass/fail checks, and a build-vs-build diff of what grew or shrank
- Database Schema VisualizerPaste SQL DDL and get a live ER diagram with typed columns, PK/FK/unique markers, and relationships; export to Mermaid, PlantUML, DBML, ASCII, or JSON
- Changelog GeneratorGenerate changelog from Git commit history
- Merge Conflict ResolverVisualize and resolve Git merge conflicts
It parses standard unified diff output — the kind produced by git diff, git show, git format-patch, and most patch files. It reads the "diff --git a/… b/…" file headers, the --- and +++ path lines, @@ hunk headers, and the leading +, -, or space on each content line. Output from other tools works as long as it follows the unified diff convention.
The parser inspects the header lines. A "--- /dev/null" marks a new file, "+++ /dev/null" marks a deletion, and "rename from"/"rename to" lines mark a rename. Each file card shows the resulting status as a coloured badge, and renamed files also display the original path.