https://github.com/builderio/ssdiff
https://github.com/builderio/ssdiff
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/builderio/ssdiff
- Owner: BuilderIO
- Created: 2023-04-14T16:57:07.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-03T14:26:01.000Z (almost 2 years ago)
- Last Synced: 2025-06-05T19:08:50.783Z (7 months ago)
- Language: TypeScript
- Size: 9.14 MB
- Stars: 140
- Watchers: 3
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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
```
```js
// vite.config.ts
import { realtimeDiff } from 'vite-plugin-realtime-diff'
export default defineConfig(() => {
return {
plugins: [realtimeDiff('https://builder.io/')],
}
})
```