Text
KineticText
Dynamic poster-style layout with words at varying sizes and positions rising in.
Installation
npm install @ai-animate/core
Usage
import { KineticText } from '@ai-animate/core'
<KineticText words={['Build', 'Fast', 'Ship', 'Now']} />
Props
wordsstring[]['Build', 'Fast', 'Ship', 'Now']Array of words to animate
staggernumber0.15Delay between word animations in seconds
durationnumber0.7Duration of fade-in and rise animation in seconds
holdMsnumber2000Time to hold before looping in ms
backgroundstring#000Background color
loopbooleanfalseWhether to loop
classNamestringundefinedAdditional CSS class