Browser extension for Chrome, Edge & Firefox

Draw on any webpage.

Trace gives you a transparent canvas over every website. Sketch, annotate, add text, and pick up exactly where you left off.

https://example.com/article
[Article Content]
Try drawing now Pen, shapes, text & eraserExport as PNG
Free & Open Source
Privacy First
No Watermarks

Features

Everything you need, nothing you don't.

Freehand pen

Draw with adjustable stroke width and seven colors. Lines are smooth, responsive, and saved automatically.

Shapes

Rectangles, ellipses, lines, and arrows. Outlined or filled. Click and drag to place them anywhere on the page.

Text annotations

Click anywhere to type. Drag to reposition. Double-click to re-edit. Seven sizes from caption to headline.

Contextual memory

Annotations are anchored to each URL. Revisit a page and everything is exactly where you left it.

PNG export

Export drawings as transparent PNGs, or composite them over a full-page screenshot to share with your team.

Works everywhere

Runs as a content script in any tab. Mounts inside a Shadow DOM so it never breaks the page underneath.

Use cases

Who is this for?

1
Design reviews

Circle problem areas and add notes directly on a live staging site, then export a screenshot to share.

2
Research trails

Highlight key data on a page while reading. Come back a week later and your annotations are still there.

3
Quick bug reports

Draw an arrow at the broken element, type a note, and export. Faster than any standalone screenshot tool.

4
Teaching and presentations

Annotate a live website while screen-sharing. No extra apps, no tab switching.

Built with

Modern, fast, and small.

Vue 3TypeScriptViteKonva.jsPiniaDexie.jsManifest V3