Scroll-triggered text reveal
Pins the section and fades in words one by one as the user scrolls past it, a common long-scroll storytelling pattern. Needs enough vertical scroll room to breathe, do not use inside a short section.
Live preview
open in new tab ↗import { TextReveal } from "@/components/magicui/text-reveal"
export function TextRevealDemo() {
return <TextReveal>This is the value proposition that reveals as you scroll.</TextReveal>
}Block id: magicui-text-revealmotion · swap-content
More animation-scroll 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.