Text Morph

Morphs between words letter by letter with shared layout.

Swapping text on a marketing hero usually means a full fade-out then fade-in — you lose the reading position and the transition feels disconnected. I wanted the word itself to rearrange. Each letter is its own layout element, so when the word changes, shared letters stay put while new ones spring into their slots. 'React' to 'Remix' — the R stays, the e slides, everything else swaps. It's a layout animation per character, not a text transition. Click any word to see it morph.