Blur Text
Text animation with blur effects that gradually come into focus.
Configuring your account...
Please wait while we prepare everything for you
Usage
import BlurText from '@/components/bynanaui/blur-text'
<BlurText
text="Beautiful blur animation"
className="text-2xl font-bold"
delay={200}
animateBy="words"
direction="top"
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | Text to animate |
delay | number | 200 | Animation delay |
animateBy | string | "words" | Animate by words or characters |
direction | string | "top" | Animation direction |
className | string | - | Additional CSS classes |