Slide Up Text

import { TextSlideUp } from "@/components/ui/text-slide-up";

export default function Default() {
  return (
    <div className="flex min-h-[350px] w-full items-center justify-center bg-background p-8">
      <div className="max-w-xl text-center">
        <TextSlideUp
          by="word"
          className="text-4xl font-semibold tracking-tight text-foreground"
        >
          Beautiful text that slides up word by word
        </TextSlideUp>
      </div>
    </div>
  );
}