OverlayDraw

Draw overlays on any webpage with a modifier key and right drag.

As of June 2026, OverlayDraw has 2 users in the Productivity category.

Usersno change0%
2
2
Ratingno change0%
— reviews
Reviewsno change0%
Version
0.1.2
Manifest V3
90-day change · In the last 90 days this extension 2 version updates, changed permissions.

History

7 snapshots

Tracking since Apr 21, 2026.

4.242.50.7599999999999998Apr 21, 2026Jun 8, 2026
View as table
DateUsersRatingReviewsVersion
Apr 21, 20260.1.0
Apr 26, 20260.1.0
May 14, 20260.1.0
May 20, 202610.1.1
May 26, 202620.1.2
Jun 2, 202640.1.2
Jun 8, 202630.1.2
Now20.1.2

Changelog

  • May 20, 2026
    description
    ## Draw on any webpage instantly
    
    OverlayDraw lets you draw directly on top of any website using a simple shortcut.
    
    Perfect for:
    - Screen sharing
    - UI reviews
    - Tutorials and demos
    - Quick annotations
    
    ---
    
    ## Features
    
    - Draw anywhere on any webpage
    - Freehand and straight line modes
    - Customizable shortcut key
    - Adjustable color, width, and opacity
    - Clear all drawings instantly
    - Lightweight and fast
    
    ---
    
    ## How to use
    
    1. Hold your modifier key (Shift / Ctrl / Alt / Cmd)
    2. Right-click and drag to draw
    3. Release to finish
    
    ---
    
    ## Why OverlayDraw?
    
    No setup. No clutter. Just draw.
    
    ---
    
    ## Coming soon
    
    - Undo / Redo
    - Shapes (arrows, rectangles)
    - Text annotations
    - Screenshot export
    ## Short Description
    
    Draw temporary annotations on webpages with freehand, lines, shapes, text, and Pro screenshot tools.
    
    ## Detailed Description
    
    OverlayDraw lets you draw directly on top of webpages while keeping the page underneath usable. It is built for screen sharing, UI reviews, product demos, lessons, support calls, and quick feedback when a screenshot editor would interrupt the flow.
    
    Open the extension, enable drawing, choose your activation key and mouse button, then drag on the page. Free users can mark up pages with Freehand and Line tools, adjust color, width, and opacity, clear drawings, and use a shortcut for clearing the current page.
    
    OverlayDraw Pro adds editing and presentation tools for more polished annotation workflows: Undo / Redo, Arrow, Rectangle, Mosaic, Text annotations, Screenshot export, Copy PNG, Click Highlight, and overlay recording controls. Pro is activated with a license key after checkout.
    
    The floating toolbar appears on the page when drawing controls are enabled. It includes the current plan state, drawing tools, style controls, clear actions, screenshot actions, and Click Highlight controls in one compact panel.
    
    ## Main Features
    
    - Draw temporary overlays on webpages
    - Keep the original page interactive while drawing mode is controlled by a modifier key and mouse button
    - Use Freehand and Line tools on the Free plan
    - Adjust drawing color, width, and opacity
    - Choose activation key: None, Shift, Control, Alt, or Meta
    - Choose drawing mouse button: left click or right click
    - Show or hide the floating drawing toolbar
    - Clear drawings on the current page from the popup or toolbar
    - Set a Clear all shortcut: Delete, Backspace, C, X, or None
    - Use Pro tools: Undo / Redo, Arrow, Rectangle, Mosaic, Text, Screenshot export, Copy PNG, Click Highlight, and overlay recording controls
    - Open the Pro purchase page from the popup and activate Pro with a license key
    
    ## Free Plan
    
    Free includes the core webpage annotation workflow:
    
    - Enable or disable drawing per browser session
    - Freehand and Line tools
    - Color, width, and opacity controls
    - Modifier key and mouse-button activation settings
    - Floating toolbar
    - Clear all drawings on the current page
    - Optional Clear all shortcut
    
    ## OverlayDraw Pro
    
    OverlayDraw Pro adds:
    
    - Undo / Redo
    - Arrow and Rectangle tools
    - Mosaic tool
    - Text annotations
    - Screenshot export
    - Copy PNG to clipboard
    - Click Highlight
    - Overlay recording controls
    - License key activation after purchase
    
    ## How to Use
    
    1. Open a webpage.
    2. Open the OverlayDraw popup.
    3. Turn on `Enable drawing`.
    4. Choose a modifier key and mouse button.
    5. Drag on the page with the selected combination.
    6. Use the floating toolbar for tools, width, opacity, color, undo, redo, clear, screenshot actions, and Click Highlight.
    7. Choose `See Pro` in the popup to open the Pro purchase page, then paste the license key into the popup and choose `Activate`.
    
    ## Permissions
    
    OverlayDraw uses only the permissions needed for the current feature set.
    
    - `storage`: saves drawing settings, toolbar preferences, license state, and local activation details.
    - `activeTab`: lets the popup send setting changes and actions to the active tab when you interact with the extension.
    - `clipboardWrite`: lets Pro users copy a generated PNG screenshot to the clipboard.
    - `<all_urls>` host access: loads the drawing overlay and floating toolbar on webpages where Chrome allows content scripts. Browser-protected pages such as `chrome://` pages cannot be annotated.
    
    OverlayDraw does not use the `tabs` permission. Drawings are temporary page overlays and are not uploaded by the extension.
  • May 20, 2026
    permissions
    storage, activeTab, tabs
    storage, activeTab, clipboardWrite
  • May 14, 2026
    permissions
    storage
    storage, activeTab, tabs

Permissions & access

Permissions
storageactiveTabclipboardWrite
Host access
<all_urls>

Screenshots

OverlayDraw screenshot 1OverlayDraw screenshot 2

About

## Short Description

Draw temporary annotations on webpages with freehand, lines, shapes, text, and Pro screenshot tools.

## Detailed Description

OverlayDraw lets you draw directly on top of webpages while keeping the page underneath usable. It is built for screen sharing, UI reviews, product demos, lessons, support calls, and quick feedback when a screenshot editor would interrupt the flow.

Open the extension, enable drawing, choose your activation key and mouse button, then drag on the page. Free users can mark up pages with Freehand and Line tools, adjust color, width, and opacity, clear drawings, and use a shortcut for clearing the current page.

OverlayDraw Pro adds editing and presentation tools for more polished annotation workflows: Undo / Redo, Arrow, Rectangle, Mosaic, Text annotations, Screenshot export, Copy PNG, Click Highlight, and overlay recording controls. Pro is activated with a license key after checkout.

The floating toolbar appears on the page when drawing controls are enabled. It includes the current plan state, drawing tools, style controls, clear actions, screenshot actions, and Click Highlight controls in one compact panel.

## Main Features

- Draw temporary overlays on webpages
- Keep the original page interactive while drawing mode is controlled by a modifier key and mouse button
- Use Freehand and Line tools on the Free plan
- Adjust drawing color, width, and opacity
- Choose activation key: None, Shift, Control, Alt, or Meta
- Choose drawing mouse button: left click or right click
- Show or hide the floating drawing toolbar
- Clear drawings on the current page from the popup or toolbar
- Set a Clear all shortcut: Delete, Backspace, C, X, or None
- Use Pro tools: Undo / Redo, Arrow, Rectangle, Mosaic, Text, Screenshot export, Copy PNG, Click Highlight, and overlay recording controls
- Open the Pro purchase page from the popup and activate Pro with a license key

## Free Plan

Free includes the core webpage annotation workflow:

- Enable or disable drawing per browser session
- Freehand and Line tools
- Color, width, and opacity controls
- Modifier key and mouse-button activation settings
- Floating toolbar
- Clear all drawings on the current page
- Optional Clear all shortcut

## OverlayDraw Pro

OverlayDraw Pro adds:

- Undo / Redo
- Arrow and Rectangle tools
- Mosaic tool
- Text annotations
- Screenshot export
- Copy PNG to clipboard
- Click Highlight
- Overlay recording controls
- License key activation after purchase

## How to Use

1. Open a webpage.
2. Open the OverlayDraw popup.
3. Turn on `Enable drawing`.
4. Choose a modifier key and mouse button.
5. Drag on the page with the selected combination.
6. Use the floating toolbar for tools, width, opacity, color, undo, redo, clear, screenshot actions, and Click Highlight.
7. Choose `See Pro` in the popup to open the Pro purchase page, then paste the license key into the popup and choose `Activate`.

## Permissions

OverlayDraw uses only the permissions needed for the current feature set.

- `storage`: saves drawing settings, toolbar preferences, license state, and local activation details.
- `activeTab`: lets the popup send setting changes and actions to the active tab when you interact with the extension.
- `clipboardWrite`: lets Pro users copy a generated PNG screenshot to the clipboard.
- `<all_urls>` host access: loads the drawing overlay and floating toolbar on webpages where Chrome allows content scripts. Browser-protected pages such as `chrome://` pages cannot be annotated.

OverlayDraw does not use the `tabs` permission. Drawings are temporary page overlays and are not uploaded by the extension.

Technical

Version
0.1.2
Manifest
V3
Size
122KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
dmfjnppjccmgdjicdebbldfnmnblcjbi
Developer ID
uf89b7e2859f4581f1893104437213054
Developer Email
[email protected]
Created
Apr 20, 2026
Last Updated (Store)
May 18, 2026
Last Scraped
Jun 8, 2026
Website
Support URL
Privacy Policy

Data sourced from the Chrome Web Store · last verified Jun 8, 2026.