diff2html

Diff parser and pretty html generator

Better diffs, unmatched reviews.

Live Demo

"Each diff provides a comprehensive visualization of the code changes, helping me identify problems and better understand the change."

Alberto Maneta, VP of Product at gitty
Line by Line and Side by Side changes

Each diff features a line by line and side by side preview of your changes.

Code syntax highlight

All the code changes are syntax highlighted using highlight.js, providing more readability.

Line similarity matching

Similar lines are paired, allowing for easier change tracking.

Install with Bower

You can install and manage diff2html's CSS and JS using Bower:

> $ bower install diff2html

Install with npm

You can also install diff2html using npm:

> $ npm install diff2html

With command line integration

We work hard to make sure you can have your diffs in a simple and flexible way. Go here full documentation.

> $ npm install -g diff2html-cli
diff2html cli installed!

> $ diff2html
Previous commit changes on your browser

> $ is that it?
Yup, it's that simple.

Open Source

diff2html is open source. If you'd like to be part of the diff2html community or help us improve, find us on GitHub and Gitter. Need any help?

Read more in the Docs