ai-animate

Text

PopText

Words pop in with spring overshoot for a bouncy, energetic entrance.

Installation

npm install @ai-animate/core

Usage

import { PopText } from '@ai-animate/core'


<PopText text="Click to unleash" stagger={0.08} />

Props

textstringText to animate (required)
staggernumber0.08Delay between word animations in seconds
durationnumber0.5Duration of each word's pop in seconds
holdMsnumber1800When looping, hold time before replaying in ms
fontSizestring | number24Font size
colorstring#ffffffText color
backgroundstringtransparentBackground color
fontWeightnumber | string800Font weight
loopbooleanfalseWhether to loop