Rotating text
Crossfading words, slide-mask rotators, flip transitions.
Auto-cycles which status row is highlighted every ~2s to imply a live feed. Cap at 3-4 rows, the highlight cycle gets hard to follow past that.
Vertically swaps one word at a time inside a fixed headline, common for '[Verb] your business [rotating word]' hero patterns. Keep words the same rough length so layout does not jump between swaps.
Liquid letter-morph transition between words in a fixed sequence, more fluid than a hard swap like Word Rotate. Reads as premium/techy, good for a SaaS hero, skip for a local-service business site.
Stacked tab list where clicking an item swaps both the copy panel and the card's background gradient, gives a feature list some motion without a carousel. Limit to three or four tabs, more than that and the background changes feel busy.
Cycles through a word list with a soft opacity crossfade. The softest of the three rotators — use for sub-heads where motion should feel ambient.
Words slide up out of the top of a mask while the next word rises in. Snappier than crossfade — the industry-page trick.
Want your site’s rotating text to look this good?
We build full sites with blocks like these.