Text effects

Scrolling content strip

A horizontal strip of small cards drifts sideways in an unbroken loop, pausing in place the moment a pointer rests over any card in it.

Using Scrolling content strip

A horizontal strip of small cards drifts sideways in an unbroken loop, pausing in place the moment a pointer rests over any card in it.

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: speed, reverse, pauseOnHover, accent, gap

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

2331Curved Text LoopText effectsA line of text repeats endlessly along a gentle arched path, auto-scrolling sideways and draggable by hand with momentum that reverses direction.

2828Looping text ribbonText effectsA colored ribbon carries a repeating phrase along a wavy, circular, or arched path, scrolling endlessly like a seal or badge.

2823Velocity marquee textText effectsRows 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.

1962Flowing gradient headlineText effectsA headline whose letters are filled by a moving two-tone gradient, so a bright band drifts endlessly through the words, with an optional soft bloom behind.

2177Keystroke TextText effectsText appears one character at a time as if being typed live, with a blinking cursor that keeps going after typing finishes.

2186Looping typewriter textText effectsA line of text types itself out character by character, holds, deletes back to nothing, and types the next phrase from a list, cycling forever behind a blinking caret.