Text
PanText
Words slide in horizontally like a camera pan across text.
Installation
npm install @ai-animate/core
Usage
import { PanText } from '@ai-animate/core'
<PanText text="Welcome to the future" direction="left" />
Props
textstring—Text to animate (required)
direction'left' | 'right'leftDirection words slide in from
staggernumber0.09Delay between word animations in seconds
durationnumber0.6Duration of each word's pan in seconds
holdMsnumber1800When looping, hold time before replaying in ms
fontSizestring | number24Font size
colorstring#ffffffText color
backgroundstringtransparentBackground color
fontWeightnumber | string700Font weight
loopbooleanfalseWhether to loop