Text effects

Wavy letter heading

A heading whose letters ride a slow wave, each one lagging the last so the line ripples like a flag without losing its baseline.

Using Wavy letter heading

A heading whose letters ride a slow wave, each one lagging the last so the line ripples like a flag without losing its baseline.

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, waveWord, amplitude, cycleSeconds, letterDelay, accent

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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2355Flip panel headline revealText effectsA headline whose characters sit behind small hinged panels that flip down one after another, like an arrivals board, to reveal the letters underneath.

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.

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.

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.

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.

2835Liquid warp headlineText effectsA headline drawn on canvas that bends and ripples like light through water, with the distortion pooling wherever the pointer hovers.