Text effects

Morphing Headline

A headline that dissolves one phrase into the next, letting matching letters glide into their new spot while the rest blur and scale away or in.

Using Morphing Headline

A headline that dissolves one phrase into the next, letting matching letters glide into their new spot while the rest blur and scale away or in.

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: holdDelay, loop, accentColor, phraseSet

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

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.

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.

2124Color Band Text RevealText effectsA soft band of several colors glides once across a line of text with an ease-in ease-out motion, tinting each letter as it passes before the text settles into a solid color.

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.

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

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.