ai-animate

Text

BurstText

Word-by-word explosive entrance with scale and blur burst animation.

Installation

npm install @ai-animate/core

Usage

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


<BurstText

text="Ship it. Now."

/>

Props

textstring'Ship it. Now.'The sentence to animate word by word
staggernumber0.09Delay between each word's burst start in seconds
durationnumber0.55Duration of each word's burst animation in seconds
holdMsnumber2000When looping, how long to hold fully-revealed text in ms
fontSizestring'clamp(2rem, 5vw, 4.5rem)'CSS font-size
colorstring'#ffffff'Text color
backgroundstring'transparent'Background color
fontWeightnumber | string800font-weight
loopbooleanfalseIf true, replays after holdMs
classNamestring''className on the outer container