Catch what
code review misses.

Pixel-level visual diffs for every pull request. Works with Storybook, Playwright, your URLs, or just a folder of PNGs.

pxdiff.com / acme / web-app / diffs
Baseline

Upgrade Plan

Unlock premium features and priority support.

Upgrade Now
Changed

Upgrade Plan

Unlock premium features and priority support.

Upgrade Now
checkout-page / upgrade-card · 1440×900 1 change · 0.8% pixels

Hover to see the diff

Storybook & Chromatic

Migrate in one line.

Same Storybook build.
Transparent pricing.

Replace one action in your CI workflow. Your existing Storybook build stays untouched — pxdiff captures it, diffs it, and posts results to your pull request. No vendor lock-in, no per-seat fees.

Migration guide →
.github/workflows/visual-tests.yml
steps:
- run: npm ci && npx build-storybook
- - uses: chromaui/action@v1
- with:
- projectToken: ${{ secrets.CHROMATIC_TOKEN }}
+ - uses: pxdiff/storybook@v1
+ with:
+ token: ${{ secrets.PXDIFF_TOKEN }}
Integrations

Every source. One flow.

Component Explorers

Storybook Ladle Histoire
uses: pxdiff/storybook@v1

Test Frameworks

Playwright Cypress Vitest
await expect(page).toHaveScreenshot() await expect(page).toMatchPxdiff()

Bring Your Own

URLs PNGs
$ pxdiff capture --urls sites.txt

Your AI agent can see what changed.

Coding agents run tests, but can't see visual regressions. pxdiff gives them eyes — diffs they can read, approve, or fix without waiting for a human.

claude — ~/acme-web
> Update PricingCard to the new design tokens. Run visual tests before committing.
Bash
pxdiff run -- npx playwright test pricing
✓ 6 screenshots captured
pricing-card-monthly 12.4% pixels changed
pricing-card-annual 0.3% pixels changed
The diff for pricing-card-monthly shows the badge shifted 4px down after the token change. The annual card change is intentional — just the new font weight. Approving that one.
Bash
pxdiff approve pricing-card-annual
✓ Approved
Regression flagged, intentional change approved. Committing.

Do the math.

Drag the slider. See what the same workload costs elsewhere.

Monthly screenshots50,000
Chromatic
$299/mo
pxdiff we capture
$200/mo
pxdiff you capture
Free
You save$99/mo

Bring your own screenshots? Diffs are free — you pay nothing. Your first build is free either way.

Replace Chromatic this afternoon.

Your first build is free. No credit card required.

Start with Storybook