Item logo image for UI Overlay

UI Overlay

Item media 5 (screenshot) for UI Overlay
Item video thumbnail
Item media 2 (screenshot) for UI Overlay
Item media 3 (screenshot) for UI Overlay
Item media 4 (screenshot) for UI Overlay
Item media 5 (screenshot) for UI Overlay
Item video thumbnail
Item video thumbnail
Item media 2 (screenshot) for UI Overlay
Item media 3 (screenshot) for UI Overlay
Item media 4 (screenshot) for UI Overlay
Item media 5 (screenshot) for UI Overlay

Overview

Overlay design mocks on any webpage for visual comparison.

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.

Details

  • Version
    0.1.2
  • Updated
    June 21, 2026
  • Offered by
    hanyitim
  • Size
    101KiB
  • Languages
    English (United States)
  • Developer
    Email
    hanyitim@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Space Spector

5.0

Visualize all spacing gaps and padding at once — perfect for design review

Visual Inspect UI

5.0

Advanced Visual Inspector for Editing Web Page Elements.

Page Diff Viewer

0.0

Page Diff Viewer: Visually compare webpage versions.

OverlayQA – Design QA & Website Feedback

5.0

Design QA + website feedback tool. Detect UI bugs, run WCAG audits, compare Figma. Dashboard or Chrome extension. Export to trackers

Protractor for Google Chrome

1.0

Overlay protractor tool for measuring angles on any webpage.

Alignment Inspector

5.0

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

Droppnotes - Visual Feedback

5.0

Drop a pin anywhere on any webpage to leave visual feedback with screenshots. Built for client-agency design reviews.

Design Copilot

4.2

AI powered design feedback on any website. Your personal design copilot.

Website CSS and Style Extractor

5.0

Inspect the design system of any webpage and export its style tokens for reuse in your own projects.

Resolution Test - Screen & Window Resizer

0.0

An extension for developers to test web pages in different screen resolutions.

Image Overlay Tool

5.0

Overlay images on any website with draggable positioning and opacity control

Impeccable

5.0

Detect common UI anti-patterns in any web page

Space Spector

5.0

Visualize all spacing gaps and padding at once — perfect for design review

Visual Inspect UI

5.0

Advanced Visual Inspector for Editing Web Page Elements.

Page Diff Viewer

0.0

Page Diff Viewer: Visually compare webpage versions.

OverlayQA – Design QA & Website Feedback

5.0

Design QA + website feedback tool. Detect UI bugs, run WCAG audits, compare Figma. Dashboard or Chrome extension. Export to trackers

Protractor for Google Chrome

1.0

Overlay protractor tool for measuring angles on any webpage.

Alignment Inspector

5.0

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

Droppnotes - Visual Feedback

5.0

Drop a pin anywhere on any webpage to leave visual feedback with screenshots. Built for client-agency design reviews.

Design Copilot

4.2

AI powered design feedback on any website. Your personal design copilot.

Google apps