AnimatedNumber

A number that tweens to its new value when it changes, or with roll turns each digit like an odometer; still under reduced motion.

Playground

Tweens between values; StatTile uses it for numeric values. With roll, each digit rolls like an odometer to the new value.

1,284
<AnimatedNumber value={count} />

Credit balance

The balance rolls to the new total and the meter fills with a small spring after credits are added.

Credits this month248
Credits remaining 25%
<AnimatedNumber value={balance} roll />