Fieldbook
Sign in

Text effects

Split Reveal Hover Text

Text is sliced into a top and bottom half; on hover the top half slides away and fades while the bottom half glides up to complete the word, and it reverses when the pointer leaves.

Using Split Reveal Hover Text

Text is sliced into a top and bottom half; on hover the top half slides away and fades while the bottom half glides up to complete the word, and it reverses when 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, splitGap, 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 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

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