Components
Short Slide Down
A looping text animation where each word drops in from above onto its own centered line, stacking downward into a multi-line composition.
"use client";
import ShortSlideDown from "@/components/ui/short-slide-down";
const ShortSlideDownDemo = () => (
<div className="flex min-h-[300px] flex-col items-center justify-center gap-4 text-center">
<ShortSlideDown
className="font-bold text-4xl tracking-tight"
phrases={["Words drop down", "Lines stack centered", "Build the column"]}
/>
</div>
);
export default ShortSlideDownDemo;