Fieldbook
Sign in

Text effects

Circular hover speed ring

A phrase spins slowly around a circle until the pointer arrives, then snaps to a fast spin and grows slightly before easing back once the pointer leaves.

Using Circular hover speed ring

A phrase spins slowly around a circle until the pointer arrives, then snaps to a fast spin and grows slightly before easing back once the pointer leaves.

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, restSeconds, hoverSeconds, 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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

Hover speed text ring
2367Hover speed text ringText effectsA phrase set in a ring of outward-facing letters that spins gently at rest and dramatically changes speed while the pointer hovers it.
Spinning text ring
2238Spinning text ringText effectsA short repeated phrase set letter by letter around a circle that turns steadily in place, like a coin edge or a stamp seal.
Ascii Art Heading
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.
Physics drop text
2817Physics drop textText effectsA sentence breaks into words that fall, tumble and bounce under simulated gravity, then settle and can be flicked around with the pointer.
Rotating badge text
2217Rotating badge textText effectsA short repeating phrase is arranged letter by letter around a full circle and spins slowly and continuously, like a stamped badge or vinyl label.
Aurora glow heading
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.