Text
RollText
Word-by-word 3D barrel roll entrance with words rotating around the X axis.
Installation
npm install @ai-animate/core
Usage
import { RollText } from '@ai-animate/core'
<RollText text="Roll into the future now" />
Props
textstring'Roll into the future now'The sentence to animate word by word
staggernumber0.1Delay between each word's roll start in seconds
durationnumber0.65Duration of each word's roll in seconds
holdMsnumber1800When looping, hold time before replaying in ms
fontSizestring'clamp(1.8rem, 4vw, 3.5rem)'CSS font-size
colorstring'#ffffff'Text color
backgroundstring'transparent'Background color
fontWeightnumber | string700font-weight
loopbooleanfalseIf true, replays after holdMs
classNamestring''className on the outer container