Text Cycle

Cycles through your headline words with a soft per-character blur stagger.

textcycleblurstaggerheadlineanimationtypography
Text Cycle component preview

Props

PropTypeDefaultDescription
wordsstring[]["engineer","developer","designer"]Words to cycle through in order.
intervalnumber2500Hold time per word before advancing, in milliseconds.
charClassNamestring-Class applied to each character span.
pausedbooleanfalsePause the cycle on the current word.