EO TypewriterJSCinematic typewriter animation engine

Compose rich text playback scenes with a chainable timeline, live editing commands, full Unicode support, and a renderer-agnostic architecture that works in the browser and on the server.

Get Started

API Reference

Sandbox ↗︎

🎬

Compose scenes, not strings

Chain type, delete, wait, move, select, style, and call into one declarative timeline. Complex sequences in a few lines.

✂️

Edit live during playback

Move the cursor, select ranges, apply styles, and delete text while the animation runs. The document rewrites itself as it plays.

🌐

Unicode that just works

Handle Unicode text safely, including emoji, combining marks, grapheme clusters, and RTL content. Type by character, word, line, or custom chunk without broken grapheme stepping.

🎯

Render anywhere

Built-in DOM and string renderers out of the box. Implement IRenderer to target a canvas, a terminal, a stream, or anything else.

⏯️

Full playback control

Play, pause, stop, replay, seek, and step through playback. Hooks and callbacks let you react to timed steps and orchestrate interactive flows.

🔷

TypeScript-first

Commands, events, renderers, styles, and playback controls are strongly typed and exported for first-class TypeScript workflows.

⚡

Lightweight by design

Lean playback core with minimal overhead and no renderer lock-in. Keep animations responsive while targeting the DOM, strings, or any custom output.

🔊

Built-in audio engine

Add audio to typing and deletion with configurable sound effects, strategies, and per-command overrides for a more tactile playback experience.

🧪

Tested end to end

Vitest unit tests and a full Playwright browser harness cover reducers, renderers, cursor movement, styling, editing, and callbacks.