OverlayPX: Pixel Perfect Design Overlay

Name: OverlayPX: Pixel Perfect Design Overlay
Price: 19 USD
Availability: PreOrder

Lay design mockups over the live page and check every pixel. Unlimited layers free, with opacity, nudge, difference mode and lock.

Coming soon to the Chrome Web Store

What it does

Puts your design export (PNG, JPG or WebP) on top of the live page to line up spacing, type and alignment.
Unlimited layers on every site, with opacity, arrow-key nudge and drag to position.
Difference mode: matching pixels turn black and mismatches light up.
Click-through, so the page stays usable under the mockup.
Pro: mockups switch automatically at each breakpoint width.

Pro is $19 once: a one-time payment, no subscription. The free plan needs no account.
Free ($0)	Pro ($19 once)
Unlimited layers on every site Opacity slider, nudge (Shift moves 10 px) and drag Difference and invert modes, plus lock @2x exports shown at the right size Show or hide with Alt+Shift+O	Breakpoint auto-switch with a width range per mockup Scale and rotate Folders to keep each project apart Export and import everything

Images and settings stay in your browser.

No analytics, no tracking, no ads. Read the OverlayPX privacy policy. Questions: info@wildrunai.com.

The extension is awaiting its Chrome Web Store listing.