Fieldbook
Sign in

Text effects

Reading highlight copy

A paragraph that lights up word by word as you scroll it, leaving read words bright and unread words dim so scroll position doubles as a reading position.

Using Reading highlight copy

A paragraph that lights up word by word as you scroll it, leaving read words bright and unread words dim so scroll position doubles as a reading position.

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, accent, dimOpacity, unit, showRail

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

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.
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.
Fuzzy static text
2807Fuzzy static textText effectsA word drawn on canvas and repainted in jittering scan-lines, buzzing like television static and distorting harder on hover or press.
Marker highlight
1995Marker highlightText effectsA phrase with a marker band that wipes in behind it from left to right when the line first comes into view, leaving the words sitting on a colour block.
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.