PenShot -> Draw + Inspect + Screenshot + Share

About

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.