PenShot -> Draw + Inspect + Screenshot + Share

Draw, annotate, and capture screenshots on any website with shapes, element scanning, font inspector, and Lorem Ipsum replacement.

PenShot is a Chrome extension for drawing, annotating, and capturing screenshots on any website. This initial release includes a comprehensive set of tools for visual markup, element scanning, and content replacement. Core Drawing Tools (10 Shapes) Pen Tool - Freehand drawing with adjustable color, opacity, and line width Move/Select Tool - Select and reposition existing shapes Stamp Tool - Add text stamps/annotations with dynamic size display Arrow Tool - Draw directional arrows with dynamic arrowhead scaling Arrowhead scales with line width: headlen = 15 + (lineWidth × 1.5) Filled triangle arrowhead maintains pointedness at all nib sizes (1-10px) Line Tool - Draw straight lines with Shift key axis snapping Rectangle Tool - Draw rectangular shapes Circle Tool - Draw circular shapes Blur/Obfuscate Tool - Create pixelation rectangles for sensitive content Ruler/Measure Tool - Measure distances on page in pixels Quick Note Tool - Create sticky note-style annotations with custom text Shape Management Selection System - Click to select shapes with visual indicators (dotted borders, anchor points) Drag and Drop - Move shapes after drawing with offset tracking Delete Function - Remove selected shapes with Delete key or trash button Undo/Redo - History management (up to 10 states) with Ctrl+Z/Ctrl+Y shortcuts Visual Feedback - Hover effects and real-time preview during drawing Screenshot & Export Features Viewport Screenshot - Capture visible area with all drawings Automatic sidebar exclusion Watermark: "Made with PenShot Chrome Extension (free)" Download as PNG with timestamp Full Page Screenshot - Capture entire scrollable page Automatic scrolling and stitching Fixed/sticky element detection and hiding (prevents duplication) Progress indicator during capture Scroll position restoration Copy to Clipboard - Copy composite images directly to clipboard Includes watermark Excludes sidebar Toast notification feedback Element Scanning HTML Element Identification - Scan and label visible elements with 5 filter categories: Headings (h1-h6) Text (p, div) Sections (section, article, nav, aside, header, footer) Interactive (button, input, a) Media (img, video) Scroll-Aligned Overlays - Labels stay aligned with elements during scrolling Dynamic Updates - Repositions overlays on scroll and resize events Lorem Ipsum Replacement Smart Text Replacement - Replace page content with placeholders for mockups/privacy 8 filter categories: Paragraphs, Headings, Lists, Inline, Forms, Tables, Other, Images Character-length matching preserves visual layout Heading replacement: "Heading (H1)", "Heading (H2)", etc. Nested text node handling (text within links, spans, etc.) Image Replacement Clear all drawings confirmation Enable Editor Mode Drawing & Annotations Lorem Ipsum Pages Show Element Tags Export Screenshots Walkthrough Features Snaps ruler, line, and arrow to horizontal/vertical axes Update - 1.0.1 Fixed error with some HTTP sites not allowing API call for screenshot. Added fix for loss of formatting on inspector screenshot Failed screenshot on current for some edge cases.