Fieldbook
Sign in

Text effects

Sweeping status text

A large status word that swaps on a steady beat while a bright band sweeps endlessly across the letterforms.

Using Sweeping status text

A large status word that swaps on a steady beat while a bright band sweeps endlessly across the letterforms.

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: interval, fontSize, sweepDuration, accent

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

Gradient sweep heading
1971Gradient sweep headingText effectsA large heading whose fill is a moving gradient band that sweeps continuously from one edge to the other, giving the text a glossy, ever-shifting sheen.
Flowing gradient headline
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.
Flowing gradient text
2814Flowing gradient textText effectsA multi-color gradient continuously sweeps across the fill of a headline, optionally framed by a matching gradient border pill.
Sweeping shine text
2822Sweeping shine textText effectsText filled with a muted gradient and one bright diagonal band that sweeps back and forth like a glint of light, and can freeze in place while hovered.
Gradient shift text
1970Gradient shift textText effectsA rounded pill whose text is filled with a two-color gradient that continuously sweeps sideways through the letters.
Shimmer sweep text
2036Shimmer sweep textText effectsA line of text where each letter brightens and dims in turn, sending a band of light travelling along the phrase on a loop.