Vertical word rotator
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.
Live preview
open in new tab ↗import { WordRotate } from "@/components/magicui/word-rotate"
export function WordRotateDemo() {
return (
<WordRotate
className="text-4xl font-bold text-black dark:text-white"
words={["faster", "simpler", "cheaper"]}
/>
)
}Block id: magicui-word-rotatemotion · swap-content
More rotating blocks
Want the whole site, not just the block?
We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.