Whiteboard Animation

The VideoScribe / Doodly look: a hand draws illustrations and handwriting onto a board, stroke by stroke, while narration explains. Build it from animated SVG paths that draw themselves plus a marker hand that tracks the drawing tip, then sequence elements so the board fills up in narration order.

When to use

• A "scribe" / doodle explainer where a hand draws art and text onto a whiteboard.
• Animating a sketch or logo being drawn live, line by line.
• Handwriting that writes itself in, synced to a voiceover.
• Turning a static illustration into a guided, stroke-by-stroke reveal.

Core mechanic: SVG stroke draw-on

A path "draws itself" by animating stroke-dashoffset from its full length down to 0 — the dash gap shrinks, exposing the stroke from start to end.