Components
Squash Text
Animated heading whose characters bounce and squash into place with a playful, dynamic GSAP effect.
import { SquashText } from "@/components/ui/squash-text";
export default function SquashTextDemo() {
return (
<div className="flex min-h-[400px] w-full items-center justify-center bg-white p-8">
<SquashText className="text-5xl font-bold tracking-tight text-neutral-900 md:text-7xl">
Squash Text
</SquashText>
</div>
);
}