Fade in text as you scroll down the page.
1import { TextReveal } from "@/components/magicui/text-reveal";
2
3export function TextRevealDemo() {
4 return (
5 <div className="z-10 flex min-h-64 items-center justify-center rounded-lg border bg-white dark:bg-black">
6 <TextReveal text="Magic UI will change the way you design." />
7 </div>
8 );
9}