Draw on Web
Ink that scrolls with content
Strokes are stored in the page's coordinate space, so an arrow next to a paragraph stays there through scrolling, infinite scroll, and SPA navigation — even inside inner scroll areas like chat threads.
Free · No account · No tracking
Draw on any web page, and your ink stays put
Sketch, highlight, and annotate directly on top of whatever you're viewing. Every stroke is pinned to the page's own content — so it scrolls with the paragraph, not off the screen.
Works on Chrome. Toggle anytime with Ctrl+Shift+D (⌘+Shift+D on Mac).
Features
A full annotation toolkit, right in the page
Everything here is built into the extension — no sign-up, no add-ons.
Pen, highlighter & shapes
Freehand pen, marker-style highlighter, line, arrow, rectangle, ellipse (outline or filled). Hold Shift to snap to a square, circle, or 45° line.
Smart multi-line text
Click to place text, type inline, and it wraps to the window. Five font families, your own line breaks, and double-click to re-edit anything you've written.
Auto-numbered step stamps
Drop markers that auto-increment (1, 2, 3…) — perfect for step-by-step callouts, tutorials, and design feedback.
Select, move & resize
Nothing is locked once it's down. Marquee or click to select, drag to move, use handles to resize, and a stroke-level eraser removes whole marks cleanly.
Mouse, trackpad & touch
Detects how you point and tunes gestures and touch-target sizes to match — two-finger scroll, pinch-zoom pass-through, and palm rejection while a stylus draws.
A toolbar you control
A draggable, collapsible floating bar. Set its size, corner shape, colour, and position, choose which tools appear and in what order, and switch light / dark / auto themes.
Export to PNG
Save your annotated page as an image — the visible area, or a full-page render that captures every stroke across the whole document, even what's off-screen.
Private by design
No account, no servers, no tracking, no network requests. Settings sync through your own Chrome account; drawings stay on your device.
How it works
From install to first stroke in under a minute
1
Install
Add Draw on Web to Chrome and pin it from the puzzle-piece menu for one-click access.
2
Toggle draw mode
Open any page, click the icon or press Ctrl/⌘+Shift+D. A slim floating toolbar appears.
3
Pick a tool & draw
Choose pen, highlighter, a shape, text, or a step stamp, then draw right on the page.
4
Scroll, export, done
Your marks stay anchored as you scroll. Switch to Cursor mode to use the site, or export a PNG.
Keyboard shortcuts
Fast by default
Every tool has a single-key hotkey while Draw on Web is active. Full list on the Support page.
Toggle draw modeCtrl/⌘⇧D
PenP
HighlighterH
LineL
ArrowA
RectangleR
EllipseO
TextT
Number stampN
EraserE
SelectS
Cursor mode (use the site)C
UndoCtrl/⌘Z
RedoCtrl/⌘⇧Z
Delete selectionDel
Cancel · deselect · exitEsc
Start annotating the web
Free, private, and ready in a click. Add Draw on Web to Chrome and make any page your canvas.
Add to Chrome