Text
FocusText
Words sharpen as blur fades, like a cinematic focus pull effect.
Installation
npm install @ai-animate/core
Usage
import { FocusText } from '@ai-animate/core'
<FocusText text="Clarity emerges" stagger={0.12} />
Props
textstring—Text to animate (required)
staggernumber0.12Delay between word animations in seconds
durationnumber0.8Duration of each word's focus pull in seconds
holdMsnumber1800When looping, hold time before replaying in ms
fontSizestring | number24Font size
colorstring#ffffffText color
backgroundstringtransparentBackground color
fontWeightnumber | string600Font weight
loopbooleanfalseWhether to loop