Skip to main content

ā€‹
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.