Components
Animated text component that reveals content by sliding it up, with configurable word, character, or line splitting and stagger.
Loading preview...
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>
);
}