Fieldbook
Sign in

Text effects

Media masked heading

A bold heading acts as a cutout window onto drifting media behind it, which leans opposite the pointer for a parallax feel and can replay its reveal on hover.

ELEVATE

Move the pointer across the headline to shift the scene; the reveal replays on every entry.

Using Media masked heading

A bold heading acts as a cutout window onto drifting media behind it, which leans opposite the pointer for a parallax feel and can replay its reveal on hover.

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, reveal, parallax, align

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

Scroll float reveal
2820Scroll float revealText effectsHeading characters float up from below and settle into shape as their section scrolls through the viewport, scrubbed directly to scroll position.
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.
Cascading Letter Reveal
2824Cascading Letter RevealText effectsA headline that reveals itself letter by letter with a soft rise and fade as it enters view, then holds steady once finished.
Split text reveal
1543Split text revealText effectsA headline whose words or characters rise out of a clip mask, blurred and tinted, staggered left to right on mount, and replayed on click.
Staggered Reveal Text
2242Staggered Reveal TextText effectsA sentence appears in staggered pieces, split into words, characters, or lines, using a chosen entrance style such as fade, blur, slide, or scale.
Wavy letter heading
2464Wavy letter headingText effectsA heading whose letters ride a slow wave, each one lagging the last so the line ripples like a flag without losing its baseline.