domains / families / design / scroll-scrubbed-word-reveal

scroll-scrubbed-word-reveal

separate

Reveal marked-up text word by word as scroll progress advances, while preserving semantic inline links, emphasis, responsive line wrapping, and reduced-motion readability. Use for headlines, quotes, manifestos, product statements, onboarding messages, or editorial passages where scrolling should pace comprehension rather than simulate typing.

When to use

• headlines
• quotes
• manifestos
• product statements
• onboarding messages
• editorial passages

When not to use

• simulate typing
• typewriter cursor
• random delays
• autoplay

Skill page

Source