TypeScript

Animated typewriter with prefix & cursor

A fully customizable typewriter effect for Framer - Made by ONYRI Strategy How it works The component displays a static prefix followed by animated text that types character by character, pauses, deletes, then moves to the next text in the list. A blinking cursor follows the typed text throughout. Features — Static prefix with independent color (supports emoji) — Multiple cycling texts with configurable type/delete speeds — Blinking cursor with customizable character ("_", "|", "▌") — Three independent color controls: prefix, typed text, cursor — Full font control (family, weight, size, line height) — Text alignment: left, center, or right — Loop toggle to stop after the last text — Responsive: wraps gracefully on all screen sizes — SSR-safe with hydration protection — Canvas-optimized: static preview in editor, animation only in preview/published Property controls Prefix · Typed Texts · Type Speed · Delete Speed · Wait Time · Loop · Cursor · Cursor Char · Prefix Color · Typed Color · Cursor Color · Font · Alignment

Animated typewriter with prefix & cursor