diff2html

Diff parser and pretty html generator

Better diffs, unmatched reviews.

Demo

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

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

Copy

Install with npm

You can also install diff2html using npm:

> $ npm install diff2html

Copy

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.

Projects using diff2html

diff2html-cli

diff2html from your terminal to the browser.

View GitHub
Codacy

Check code style, security, duplication, complexity and coverage on every change.

Website
Ungit

The easiest way to use git. On any platform. Anywhere.

View GitHub
Diffy

Share your diffs and explain your ideas without committing.

Website
diff-pane

Atom - Diff two panes.

View GitHub
node-giff

Display git diff on browser.

View GitHub
edgar-monitor

A module that processes new Edgar filings and sends out notifications.

View GitHub
node-git

Execute Git Command by Node.js.

View GitHub
Jenkins

Show diffs between builds

Website

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