Browser extension that captures before & after screenshots, auto-aligns them, and generates slider comparisons, pixel diffs, and animated GIFs.
Powerful visual regression, running entirely in your browser.
One-click screenshots with automatic DOM fingerprinting. Captures scroll position, viewport, and element selectors for reliable pairing.
Perceptual hashing and URL matching suggest pairs automatically. You stay in control — confirm or swap in the UI.
Fast anchor-based alignment first, OpenCV feature-matching as fallback. Handles viewport changes, scaling, and layout shifts.
Interactive before/after slider overlay. Drag to reveal differences with pixel-perfect precision.
Highlighted difference map shows exactly what changed. Configurable threshold for noise tolerance.
Animated before/after sequences, generated client-side via Web Workers. No server upload needed.
Load ProofShot in Chrome or Edge from the Chrome Web Store (or load unpacked for development).
Click the ProofShot icon and hit capture on any page. The extension records the DOM state, scroll position, and screenshot.
Update your design, fix a bug, or tweak the layout — whatever you need to compare.
Capture again. ProofShot auto-pairs the screenshots and offers slider, side-by-side, and diff views. Export as PNG or GIF.
100% client-side. No account required. No data leaves your browser.
Clone the repo
npm install && npm run build
Load unpacked in Chrome