Components
Animated text that reveals itself with a blur-in effect, word by word or character by character.
Loading preview...
import { TextBlurIn } from "@/components/ui/text-blur-in";
export default function Demo() {
return (
<div className="flex min-h-[300px] w-full items-center justify-center p-8">
<TextBlurIn className="text-4xl font-bold tracking-tight text-center">
Blur in, one word at a time
</TextBlurIn>
</div>
);
}