einundzwanzig-verein/videos/.opencode/skills/remotion-best-practices/rules/text-animations.md

name, description, metadata

name	description	metadata
text-animations	Typography and text animation patterns for Remotion.	tags typography, text, typewriter, highlighter ken

Text animations

Based on useCurrentFrame(), reduce the string character by character to create a typewriter effect.

Typewriter Effect

See Typewriter for an advanced example with a blinking cursor and a pause after the first sentence.

Always use string slicing for typewriter effects. Never use per-character opacity.

Word Highlighting

See Word Highlight for an example for how a word highlight is animated, like with a highlighter pen.