Components
An inline text animation that cycles through a list of words with a smooth vertical fade-and-slide transition.
Loading preview...
import { TextWordCarousel } from "@/components/ui/text-word-carousel";
export default function Default() {
return (
<div className="flex min-h-[300px] w-full items-center justify-center p-8">
<h1 className="text-4xl font-semibold tracking-tight sm:text-5xl">
Build something{" "}
<TextWordCarousel
words={["beautiful", "powerful", "delightful", "amazing"]}
interval={2}
className="text-primary"
/>
</h1>
</div>
);
}