diff2html

Diff parser and pretty html generator

Better diffs, unmatched reviews.

Demo

Each diff provides a comprehensive visualization of the code changes, helping developers 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

Find usage examples in the Docs

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.

Codacy

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

Ungit

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

Diffy

Share your diffs and explain your ideas without committing.

diff-pane

Atom - Diff two panes.

node-giff

Display git diff on browser.

edgar-monitor

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

node-git

Execute Git Command by Node.js.

Jenkins

Show diffs between builds

Light Review

Code Reviews with maximum control for the leading developers

Simple Git

A simple package to be able to drive GIT

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