Text
CountdownTimer
Cinematic slam countdown (5, 4, 3, 2, 1) with impact flash animation.
Installation
npm install @ai-animate/core
Usage
import { CountdownTimer } from '@ai-animate/core'
<CountdownTimer from={5} />
Props
fromnumber5Starting countdown number
numberHoldMsnumber800Duration each number is shown in ms
loopbooleantrueWhether to loop
fontSizestringclamp(5rem, 15vw, 12rem)CSS font-size
colorstring#ffffffText color
backgroundstring#000Background color
flashColorstringrgba(255,255,255,0.9)Flash color on impact
onCycleComplete() => voidundefinedCalled when cycle completes