Text effects

Color Band Text Reveal

A soft band of several colors glides once across a line of text with an ease-in ease-out motion, tinting each letter as it passes before the text settles into a solid color.

Release notes

Build faster

Every deploy ships in under a minute, start to finish.

Using Color Band Text Reveal

A soft band of several colors glides once across a line of text with an ease-in ease-out motion, tinting each letter as it passes before the text settles into a solid color.

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: label, duration, repeat, repeatDelay

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

1915Aurora glow headingText effectsA headline where one word carries a slow-drifting multicolor gradient fill clipped to its letterforms, like aurora light glowing behind the type.

2824Cascading Letter RevealText effectsA headline that reveals itself letter by letter with a soft rise and fade as it enters view, then holds steady once finished.

2826Elastic weight headlineText effectsA single line of huge uppercase letters whose weight, width and slant swell around a lagging, eased cursor position.

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.

2814Flowing gradient textText effectsA multi-color gradient continuously sweeps across the fill of a headline, optionally framed by a matching gradient border pill.

2179Layered shadow headlineText effectsA short bold headline with a duplicate copy offset behind it, diagonally hatched in an accent color, that slowly drifts to give the letters a slab of moving shadow.