UI Overlay

About

UI Overlay helps designers, front-end engineers, and QA reviewers compare a live webpage against a local design mock.

Add a floating control button to normal webpages, import one or more local mock images, and place the image overlay directly on top of the page you are reviewing. Tune opacity, scale, offsets, inversion, lock mode, and click-through mode so you can inspect visual differences while still interacting with the page.

Core features:
- Import local design mock images
- Compare mocks directly on top of live webpages
- Adjust opacity, scale, X/Y offsets, and image inversion
- Drag the overlay into position
- Use click-through mode to keep interacting with the page
- Lock the overlay while reviewing
- Store overlay state locally in Chrome
- Optional auto-inject setting for showing the page control button on normal webpages

UI Overlay is local-first. Mock images and overlay settings are stored in Chrome local storage and are not uploaded to a remote server.