Install guide

Install UI Overlay for macOS and Chrome

Set up the desktop overlay app and browser extension for pixel-accurate visual comparison against local design mocks.

macOS desktop app

  1. Download the current macOS DMG from the UI Overlay homepage.
  2. Open the DMG and drag UI Overlay into Applications.
  3. Launch it from Applications. If macOS blocks the first launch, use Right click, then Open.
  4. Import one or more local mock images and tune opacity, scale, offsets, and click-through mode.

The current MVP build is unsigned and not notarized by Apple, so the first launch may require manual approval.

Chrome extension

  1. Install the packaged extension from the Chrome Web Store when it becomes available.
  2. Open a normal webpage that you want to review.
  3. Enable the floating page control button from the extension settings.
  4. Import a local mock image and align it over the live page.
Download UI OverlayRead docs