UI Overlay

About

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

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.

Turn on annotation mode to mark visual issues, add notes, and export a local HTML review report. Optional full-page screenshot capture can be enabled when you need reports that include the entire page.

Core features:
- Import one or more local design mock images
- Compare mocks directly on top of live webpages
- Adjust opacity, scale, X/Y offsets, image inversion, lock mode, and click-through mode
- Keep overlay state scoped to each page path
- Mark visual issues with annotations and export a review report
- Optional auto-inject setting for showing the page control button on normal webpages

UI Overlay is local-first. Mock images, overlay settings, annotations, and generated reports stay on the user's device and are not uploaded to a remote server.