Text effects

Word swap loop

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

Hover the sentence to hold on a word.

Using Word swap loop

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

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: words, interval, travel, accent, paused

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 preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

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.

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

2829Outline draw textText effectsDisplay letters trace themselves one after another as glowing outlines, then a solid fill fades in behind the strokes to finish the word.

2405Pointer scatter headlineText effectsA headline split into single characters that shove aside and tumble as the pointer sweeps through them, then drift back into line.

2819Rotating Word SwapText effectsA lead-in phrase stays fixed while a trailing word cycles through a list, each swap sliding characters up and out as the next word slides up and in.