vite-plugin-realtime-diff v0.0.6

Approach

Two URLs are layered on top of each other with CSS overlay techniques to analyze and understand their differences.

Use Cases:

Installation

Do visual testing yourself on your browser by just adding ?_diff=true command by using 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/")], // the base url you want to target the diff to
  };
});