Fieldbook
Sign in

Text effects

Cube flip letters

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

Using Cube flip letters

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

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, direction, origin, stagger, 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

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.
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.
Flip panel headline reveal
2355Flip panel headline revealText effectsA headline whose characters sit behind small hinged panels that flip down one after another, like an arrivals board, to reveal the letters underneath.
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.
Paper fold text
2809Paper fold textText effectsText splits into characters, words, or lines that unfold open along a chosen hinge edge with a crease shadow, staggered across the phrase.
Scroll blur reveal text
2418Scroll blur reveal textText effectsA block of text that starts blurred and offset, then sharpens into focus word by word or letter by letter the first time it scrolls into view.