diff2html

Diff parser and pretty html generator

Better diffs, unmatched reviews

Demo
Diff2Html pretty html side-by-side example render

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 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 for the full documentation.

> $ npm install -g diff2html-cli

diff2html cli installed!

> $ diff2html

Check 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.

Jenkins

Show diffs between builds

jest-stare

Jest HTML Reporter and Results Processor.

kubeapps

A web-based UI for deploying and managing applications in Kubernetes clusters.

Hitchhiker

A a Restful Api test tool.

growi

Team collaboration software using markdown.

crowi

Markdown Wiki - Empower the team with sharing your knowledge.

Wiki.js

A modern, lightweight and powerful wiki app built on Node.js.

code-annotation

Code Annotation Tool.

Chef Automate

full suite of enterprise capabilities for maintaining continuous visibility into application, infrastructure, and security automation.

Camunda Modeler

An integrated modeling solution for BPMN, DMN and CMMN based on bpmn.io.

graphql-schema-diff

Returns the diff of two GraphQL schemas. Detects dangerous and breaking changes.

cypress-plugin-snapshots

Plugin for snapshot tests in Cypress.io .

git-explorer

Offline-first support for previewing and comparing branches in a local git repository.

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.

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 improve it, find more information on GitHub and Gitter. Need any help?

Read more in the Docs