Text effects

Hover weight ripple text

Ultra-light display type where hovering a letter snaps it to a heavy weight with a thin outline, easing outward so its neighbors thicken a little too.

Using Hover weight ripple text

Ultra-light display type where hovering a letter snaps it to a heavy weight with a thin outline, easing outward so its neighbors thicken a little too.

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, accentColor, thickenNeighbors

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

2826Elastic weight headlineText effectsA single line of huge uppercase letters whose weight, width and slant swell around a lagging, eased cursor position.

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.

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.

1915Aurora glow headingText effectsA headline where one word carries a slow-drifting multicolor gradient fill clipped to its letterforms, like aurora light glowing behind the type.

1921Binary Decode TextText effectsEach letter briefly flickers into a glowing binary digit before decoding back into its real character, stepping across the word left to right.

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.