DrawOverlay

Draw on top of any webpage for tutorials and demos.

DrawOverlay lets you draw, annotate, and highlight directly on top of any webpage — without leaving your browser tab. One keyboard shortcut brings up a floating drawing canvas. Another hides it. Your page stays completely untouched underneath. Perfect for: • 📹 Recording tutorials and video walkthroughs • 🎓 Teaching and live online presentations • 💼 Design feedback, code reviews, and team demos • 📌 Highlighting content while screen-sharing in Zoom, Meet, or Teams ──────────────────────────────────────────── FEATURES ──────────────────────────────────────────── ✏️ Freehand Drawing Sketch freely with smooth, natural strokes on any part of the page. ▭ Shapes Draw rectangles, ellipses, arrows, and straight lines with precision — just click and drag. T Text Annotations Click anywhere on the page to place a text label. Type, press Enter, and it stamps permanently onto the canvas. 🎨 7 Preset Colors Choose from black, red, amber, green, blue, purple, or white — all accessible with one click. 📏 Adjustable Stroke Width Fine-tune line thickness from 1 px to 12 px using a live slider. ↶↷ Undo / Redo Unlimited history. Step back and forward through every drawing action. ⌫ Clear Canvas Wipe everything in one click and start fresh. ‹ Collapsible Toolbar Shrink the toolbar down to a single button when you need maximum screen real estate. Expand it back instantly. 🔒 100% Private — Zero Data Collection Everything runs locally in your browser. No data is ever sent to any server. No analytics, no tracking, no account required. ──────────────────────────────────────────── HOW TO USE ──────────────────────────────────────────── 1. Click on the DrawOverlay Icon on any webpage to open the overlay 2. Click "Draw" or select a specific tool from the toolbar 3. Draw, annotate, and highlight as needed 4. Click on the DrawOverlay Icon again — or click ✕ — to hide the overlay ──────────────────────────────────────────── TECHNICAL DETAILS ──────────────────────────────────────────── • Runs inside a Shadow DOM — completely isolated from the page's CSS and JavaScript • Supports all websites: http, https, and local file:// pages • All code is bundled locally — no external scripts loaded, no CDN calls • Works with Manifest V3 (the latest Chrome extension standard) • Lightweight: under 160 KB total bundle size