motion-typewriter

Types out its text content character by character when it scrolls into view. Supports looping, a blinking cursor, and configurable speed.

Preview

Motion that feels alive.

Import

Usage

Properties

Attribute Property Type Default Description
speed speed number 50 Milliseconds per character
delay delay number 0 Delay before typing starts (ms)
pause pause number 1800 Pause at end before erasing (ms, loop only)
loop loop boolean false Erase and retype continuously
cursor cursor boolean true Show blinking cursor

Accessibility

Respects prefers-reduced-motion: when enabled, the typing animation is skipped and the full text appears immediately.