Text
AscendText
Word-by-word ascend entrance animation with words rising upward while fading in.
Installation
npm install @ai-animate/core
Usage
import { AscendText } from '@ai-animate/core'
<AscendText
text="Build something beautiful today"
/>
Props
textstring'Build something beautiful today'The sentence or phrase to animate
wordDelaynumber0.12Delay between each word's animation start in seconds
durationnumber0.7Duration of each word's ascend animation in seconds
holdMsnumber1800When looping, hold time before replaying in ms
fontSizestring'clamp(1.8rem, 4vw, 3.5rem)'CSS font-size
colorstring'#ffffff'Text color
loopbooleanfalseIf true, replays automatically after holdMs
classNamestring''className on the outer container