SSDiff

The open-source tool for pixel-perfect website migrations

Use Cases:

• Compare two URLs to achieve a pixel-perfect match
• Ideal for website migrations to a new stack
• Spot differences in similar-looking web pages
• Open-source and customizable
• Perform diffing in realtime without any hassle

Installation

If you want to run websites (automated) on a browser based environment and get PNG diffs for multiple paths and URLs use,

npm install ssdiff

Vite plugin

If you want to do the visual testing yourself on your browser by just adding ?_diff=true command, use our vite plugin. This will show you the output directly and compare it with two base URLs that you provide.

npm install -D vite-plugin-realtime-diff

// vite.config.ts
import { realtimeDiff } from 'vite-plugin-realtime-diff'

export  default  defineConfig(() => {
	return {
		plugins: [realtimeDiff('https://builder.io/')],
	}
})