Fieldbook
Sign in

Text effects

Velocity marquee text

Rows of repeating uppercase text drift sideways at a steady pace, and page scrolling speeds them up or briefly reverses a row before everything eases back to base speed.

Using Velocity marquee text

Rows of repeating uppercase text drift sideways at a steady pace, and page scrolling speeds them up or briefly reverses a row before everything eases back to base speed.

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, baseSpeed, rows

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

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.
Reading highlight copy
2410Reading highlight copyText effectsA 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.
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.
Scrolling content strip
2221Scrolling content stripText effectsA horizontal strip of small cards drifts sideways in an unbroken loop, pausing in place the moment a pointer rests over any card in 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.
Velocity marquee
1901Velocity marqueeScrollTwo rows of repeating text that drift in opposite directions and speed up or reverse with the page scroll, then coast back to their base pace.