Components
A per-word text reveal that scales each word in with a soft spring overshoot for an iOS app icon-style pop.
Loading preview...
import SpringScaleIn from "@/components/ui/spring-scale-in";
export default function SpringScaleInDemo() {
return (
<div className="flex min-h-[320px] w-full flex-col items-center justify-center gap-3 bg-background px-6 text-center">
<SpringScaleIn className="text-4xl font-bold tracking-tight text-foreground sm:text-5xl">
Think different.
</SpringScaleIn>
<SpringScaleIn
className="text-sm text-muted-foreground"
delay={200}
stagger={60}
>
Per-word spring scale reveal.
</SpringScaleIn>
</div>
);
}