DeployDiff compares your preview deployment to production with side-by-side screenshots, pixel-level diff highlighting, and Lighthouse scores — automatically, on every deploy.
You review the diff. You scan the markup. The PR looks fine. You merge.
Then someone posts a screenshot in Slack: the navigation is broken on mobile. The button color is wrong. A component shifted and is overlapping something. It has been live for three hours.
Visual regressions are invisible in code review because code review shows you code — not rendered output. Your preview deployment is sitting there at its URL, ready to compare, and nobody is looking at it systematically.
DeployDiff looks at it for you.
Your preview deployment and your production URL. Or any two URLs you want to compare — staging vs. production, old design vs. redesign.
DeployDiff loads both pages in a real Chromium browser, captures full-page screenshots, computes a pixel-level visual diff, and runs Lighthouse on both URLs in parallel.
Side-by-side screenshots with changed regions highlighted in red. A Changed Area % metric. Toggle to overlay diff or slider mode. Lighthouse score deltas for both pages.
Every comparison generates a public shareable link. Drop it in Slack, paste it in the PR, send it to a client. No login required to view.
Free for individual developers. No credit card required.
Real Chromium rendering, 1440px desktop and 390px mobile. What you see is what your users see.
Changed regions highlighted in red with a changed area percentage. Toggle between side-by-side, overlay diff, slider, and zoom modes.
Performance, Accessibility, Best Practices, and SEO — scored for both your preview and your production. See the delta at a glance.
Every comparison gets a permanent public URL. Share it with your team, your client, or your future self. No account required to view.
Paste two URLs. Click compare. That is the entire setup process for the free tier. No SDK to install, no config files, no CI changes.
Screenshots stored privately in Supabase with time-limited signed URLs. You decide what is shared publicly.
Connect your Vercel or Netlify project and DeployDiff runs on every single deploy — no manual steps, no forgotten checks.
See Pro Plan — $15/monthAdd your DeployDiff webhook URL to your Vercel project settings. Every time a preview deployment goes ready, DeployDiff fires automatically.
DeployDiff posts a comment directly to the GitHub PR with screenshot thumbnails, changed area percentage, and Lighthouse score deltas.
Set thresholds: Performance must stay above 85, Accessibility above 90. When a deployment violates a budget, you get an email or Slack alert within 5 minutes.
Every comparison saved indefinitely. Browse by branch, filter by date, click any Lighthouse trend chart data point to jump to that deployment's comparison.
Flicker mode (2Hz alternating), heatmap mode (change density visualization), and isolation mode (changed regions cropped and stacked).
No daily cap. Run as many manual comparisons as you want. Up to 500 auto-triggered comparisons per month from webhooks.
DeployDiff is for teams who want deployment-level visual QA — the whole page, both environments, every deploy — without any test authoring.
| DeployDiff | Percy / Chromatic | Manual Screenshots | |
|---|---|---|---|
| Setup time | 60 seconds | Days | 0 (but you won't do it) |
| Per-deploy automation | Yes (paid) | Yes | No |
| Full-page screenshot diff | Yes | No (component-level) | No |
| Lighthouse scores | Yes | No | No |
| PR comments | Yes | Yes | No |
| Performance budgets | Yes | No | No |
| Shareable reports | Yes | No | No |
| Starting price | Free | $399/month | Free |
“I've had three separate visual regressions hit production in the last six months. All three were caught immediately the week after we started using DeployDiff. That alone justifies the $15.”
Priya M.
Senior Frontend Engineer at a Series B SaaS company
“Our designer catches more issues in our PR comments now than in design review. The visual diffs are that clear.”
Tomasz K.
Frontend Tech Lead, 8-person engineering team
“I use the manual comparison tool for client handoffs. I paste their staging URL and their old site URL, send them the comparison link, and they can see exactly what changed. Way better than a screen recording.”
Daniela R.
Freelance Frontend Developer
“We caught a font rendering regression that had been live for two weeks before we set this up. Now I get Slack alerts. The budget alerts alone are worth it.”
James W.
Engineering Manager, Product-Led Growth startup
Might as well see what you are shipping.
Compare your first deployment — free, no signup required