github.com/BuilderIO/SSDiff @main

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/')],
    }
})