Chrome Extension That Takes Annotated Region Screenshots
Capture any region of a webpage. Annotate with arrows, text, and blur. Save or copy to clipboard.
Build a Chrome extension called "Screenshot Region" that captures any region of a webpage with annotation tools. The extension should: (1) when the extension icon is clicked, dim the current page and show a region selector — the user clicks and drags to select a rectangle, (2) capture that region using chrome.tabs.captureVisibleTab, (3) open the captured image in a new tab with annotation tools: arrow, rectangle, text, blur, (4) provide a save button (download as PNG) and a copy button (copy to clipboard). Permissions: activeTab, downloads, storage. Manifest V3 with content script and a popup-page-as-editor pattern.
What this extension does
Captures any rectangular region of a webpage and opens it in an editor with annotation tools — arrows, text, rectangles, and blur. Save as PNG or copy to clipboard.
How it works
A content script handles the region selection overlay. When the selection is made, chrome.tabs.captureVisibleTab grabs a full-tab screenshot and the content script crops to the selected region. The cropped image opens in a new tab with a canvas-based editor for annotations.
Permissions used: activeTab, downloads, storage
Who builds this
For documentation writers, support teams, designers giving feedback, students taking screenshots for notes, and anyone who needs to capture and annotate page regions frequently.
How to build it in 3 minutes
- Sign in to PlugThis and open the chat input.
- Copy the prompt above and paste it into the chat.
- PlugThis generates the full Manifest V3 extension in 60-90 seconds.
- Download the zip, extract it, and load it via
chrome://extensionsdeveloper mode.
Related extensions
Build it now, free.
Paste the prompt above into PlugThis and ship your extension in 3 minutes.