Fieldbook
Sign in

Text effects

Scroll Progress Text Reveal

A long sentence sits pinned on screen while the page scrolls past it, and each word individually brightens from dim to fully lit as the scroll position reaches its turn.

Using Scroll Progress Text Reveal

A long sentence sits pinned on screen while the page scrolls past it, and each word individually brightens from dim to fully lit as the scroll position reaches its turn.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: text, dimOpacity, scrollLength

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

Blur in word reveal
2307Blur in word revealText effectsWords in a sentence resolve from a soft blur into sharp focus one after another as the sentence scrolls into view.
Scroll blur reveal text
2418Scroll blur reveal textText effectsA block of text that starts blurred and offset, then sharpens into focus word by word or letter by letter the first time it scrolls into view.
Scroll float reveal
2820Scroll float revealText effectsHeading characters float up from below and settle into shape as their section scrolls through the viewport, scrubbed directly to scroll position.
Scroll focus reveal
2821Scroll focus revealText effectsA paragraph starts tilted, dim, and blurred, then straightens and sharpens word by word as the reader scrolls through it.
Staggered Reveal Text
2242Staggered Reveal TextText effectsA sentence appears in staggered pieces, split into words, characters, or lines, using a chosen entrance style such as fade, blur, slide, or scale.
Cascading Letter Reveal
2824Cascading Letter RevealText effectsA headline that reveals itself letter by letter with a soft rise and fade as it enters view, then holds steady once finished.