Animated text component that reveals content by sliding it up, with configurable word, character, or line splitting and stagger.
import SlideUpReveal from "@/components/ui/slide-up-reveal"; export default function Default() { return ( <div className="flex min-h-[300px] w-full items-center justify-center p-8"> <SlideUpReveal split="characters" stagger={0.03} className="text-4xl font-semibold tracking-tight sm:text-6xl" > Howwwwwwww youu doin :) </SlideUpReveal> </div> ); }