Fieldbook
Sign in

Text effects

Marker highlight

A phrase with a marker band that wipes in behind it from left to right when the line first comes into view, leaving the words sitting on a colour block.

Using Marker highlight

A phrase with a marker band that wipes in behind it from left to right when the line first comes into view, leaving the words sitting on a colour block.

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: accent, duration, delay, bandHeight, skew

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.
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.
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.
Reading highlight copy
2410Reading highlight copyText effectsA paragraph that lights up word by word as you scroll it, leaving read words bright and unread words dim so scroll position doubles as a reading position.