Text effects

Highlight focus swap

Words in a sentence take turns being sharp while the rest blur, with a glowing corner-bracket frame sliding over to box in whichever word is in focus.

Hover a word to steer the frame

Using Highlight focus swap

Words in a sentence take turns being sharp while the rest blur, with a glowing corner-bracket frame sliding over to box in whichever word is in focus.

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: sentence, accentColor, blurAmount, manualMode, intervalMs

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

2821Scroll focus revealText effectsA paragraph starts tilted, dim, and blurred, then straightens and sharpens word by word as the reader scrolls through it.

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.

2164Hand-drawn text markerText effectsWraps a span of text with a hand-drawn marker annotation, such as a highlight wash, underline, circle, or box, that draws itself on with a slightly imperfect sketched stroke.

1995Marker highlightText effectsA 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.

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.

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.