PenShot -> Draw + Inspect + Screenshot + Share

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. v1.2.0 (October 23, 2025) - Current Release - Major performance optimizations - Dirty rectangle canvas acceleration - Optimized undo/redo system - 90% memory reduction for history - Enhanced Lorem Ipsum with shadow DOM support - Pseudo-element detection - Background image replacement improvements v1.3.0 - Added magnifier tool - various bug fixes and updates - optimizations and layout improvements.