Components
Loading preview...
A letter-by-letter animation that fades in each character with upward motion and blur removal for a soft, clean reveal. Ideal for expressive entrances or subtle emphasis in UI.
npx shadcn@latest add https://21st.dev/r/kauasodreas/blur-text-effectimport { BlurTextEffect } from '@/components/ui/blur-text-effect';
export default function BlurTextPreview() {
return (
<div className="flex justify-center items-center min-h-screen w-full select-none">
<BlurTextEffect className="font-semibold text-primary text-2xl sm:text-4xl">
Your ideas, Blur style.
</BlurTextEffect>
</div>
);
}