Fieldbook
Sign in

Text effects

Word Swap Rotator

One word in a line is swapped for the next in a short list every few seconds, sliding the old word up and out while the new one slides up and in.

Using Word Swap Rotator

One word in a line is swapped for the next in a short list every few seconds, sliding the old word up and out while the new one slides up and in.

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, intervalSeconds, 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 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

Letter roll in
1991Letter roll inText effectsA line of text where every character turns over on a horizontal axis, the old face rolling away as an identical face rolls in from below.
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.
Blur in word reveal
2307Blur in word revealText effectsWords in a sentence resolve from a soft blur into sharp focus one after another as the sentence scrolls into view.
Character shuffle reveal
2825Character shuffle revealText effectsEach character rolls through a strip of random glyphs like a slot reel before landing on the real letter, revealed on scroll with hover replay.
Cipher reveal text
2317Cipher reveal textText effectsA label that starts scrambled into random symbols and decrypts into its real text on view, hover, or click.
Cube flip letters
2136Cube flip lettersText effectsHovering a line turns every letter a quarter turn in 3D, one after another from a chosen origin, revealing a second face that carries the same glyph in the accent.