Beta

Counting Number

A numeric display component that smoothly animates number changes with a counting animation.

Installation

Examples

With decimal

Starting from a specific number

Props

PropTypeDefault
number
number
-
fromNumber?
number
0
padStart?
boolean
false
startOnView?
boolean
false
decimalSeparator?
string
.
transition?
object
{ stiffness: 90, damping: 50 }
decimalPlaces?
number
0

Credits

  • Credits to Motion for the inspiration
  • Credits to Magic UI for the spring transition

On this page