Text effects

Shimmer Wave Text

A brightness wave sweeps once across a line of text, lighting each character in turn before it dims back, then pauses briefly and repeats.

Using Shimmer Wave Text

A brightness wave sweeps once across a line of text, lighting each character in turn before it dims back, then pauses briefly and repeats.

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: duration, label, paused, accentColor

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

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.

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.

2060Sweeping status textText effectsA large status word that swaps on a steady beat while a bright band sweeps endlessly across the letterforms.

2464Wavy letter headingText effectsA heading whose letters ride a slow wave, each one lagging the last so the line ripples like a flag without losing its baseline.

2301Ascii Art HeadingText effectsA large word is rendered as a mosaic of monospaced characters whose density mimics the letterforms, gently rippling and tilting toward the pointer.

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.