Free & open source · Built with Tauri

Draw on your screen.
Live.

Annotatr is a featherweight overlay for screen recordings, demos and tutorials. Summon a tiny toolbar with a hotkey, draw arrows, boxes, highlights and text over any app — and watch them fade away on their own.

macOS · Windows · Linux
↓ this is a live demo — pick a tool and drag ↓
Acme Analytics — Q2 Report
Revenue
$128.4k
Active users
8,210
Churn
1.2%
Shapes auto-fade after a few seconds — exactly like the real overlay. Undo ↩  ·  Clear ✕  ·  toggle Classic / Sketchy any time
Why Annotatr

Annotate anything.
Interrupt nothing.

No screen sharing plugins, no editing afterwards. Annotatr floats above every app and stays out of the way of your recording.

Global hotkeys

Summon the toolbar or jump straight to a tool from any app — ⌃⇧D and you're drawing. Every binding is configurable, with OS-conflict warnings.

Auto-fade

Shapes melt away with a smooth ease-out after a duration you choose. Your screen never collects clutter mid-take.

Sketchy mode

Flip one toggle for a hand-drawn, Excalidraw-style look — powered by rough.js, with handwriting-style text to match.

Per-tool styling

Each tool keeps its own color. Adjust thickness, font size and arrow heads once — change a color right from the toolbar swatch mid-recording.

Multi-monitor

The overlay follows your cursor to whichever display you're on, and shapes stay confined to the monitor they were drawn on. Retina-crisp everywhere.

Edit after the fact

Hit ⌘E, click any shape, and tweak its color or thickness — or delete it. Undo with ⌘Z, wipe everything with ⌘⇧X.

Two styles

Clean lines or a hand-drawn vibe.

Drag the divider — same annotations, two renderers. Classic for crisp, professional callouts; Sketchy when you want that whiteboard feel.

Annotatr classic style annotations over a dashboard app
Annotatr sketchy, Excalidraw-like annotations over the same dashboard
⟨⟩
Classic sketchy!
A closer look

Small app. Sharp edges.

Annotatr settings window, Drawing tab

Settings that feel native

Style, thickness, fade timing, hotkeys, colors — everything saves automatically, and you can export the whole config as JSON.

Annotatr floating toolbar strip

The whole UI is one strip

Six tools, a color swatch, undo and clear. Drag it anywhere — or park it off-screen so your recording stays spotless.

Muscle memory

Everything is a keystroke away.

Global hotkeys
Toggle toolbarD
ArrowA
CircleC
BoxB
FreehandF
HighlighterH
TextT
While drawing
Undo last shapeZ
Clear all shapesX
Edit modeE
New line in text
Cancel / dismiss overlay

Defaults shown — every global hotkey is rebindable in Settings. On Windows and Linux, ⌘ is Ctrl.

Get started

Running in two minutes.

1

Grab a release — or build from source

Check the releases page for prebuilt binaries, or clone and build with the commands on the right.

2

Prerequisites for building

Node.js 18+ and the Rust toolchain. On macOS you'll also want the Xcode Command Line Tools.

3

Press ⌃⇧D and draw

The toolbar pops up over whatever you're doing. Pick a tool, drag, done — shapes fade on their own.

terminal
$ git clone https://github.com/dennisrongo/annotatr.git
$ cd annotatr
$ ./init.sh   # checks prereqs, installs, runs

# or build a production bundle:
$ npm run tauri:build