Fieldbook
Sign in

Text effects

Flowing gradient headline

A 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.

Using Flowing gradient headline

A 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.

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, speed, fontSize, bloom

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

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.
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.
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.
Sweeping status text
2060Sweeping status textText effectsA large status word that swaps on a steady beat while a bright band sweeps endlessly across the letterforms.
Word swap loop
2085Word swap loopText effectsA sentence with one word slot that cycles through a list on a timer, each word sliding up and out as the next one rises into its place.
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.