jatui

CharacterCounter

Animated number counter with easeOutQuart spring and optional prefix/suffix

Demo

0

plain count

$ 0

with prefix

0 users

with suffix

0

slow (3 s)

Props

PropTypeDefaultDescription
targetCountnumber-The final number to animate to (required)
durationnumber2000Animation duration in ms
prefixstring""Text before the number (e.g. "$")
suffixstring""Text after the number (e.g. " users")
classstring""Extra CSS classes on the wrapper

Usage

<CharacterCounter targetCount={1_250} prefix="$" suffix=" raised" duration={2500} />