Animate UI

Sliding Number

A sliding number animation.

Made by imskyleen
Edit on GitHub
00123456789.001234567890012345678900123456789

Installation

Usage

<SlidingNumber number={100} />

API Reference

SlidingNumber

PropTypeDefault
number
number
-
fromNumber?
number
-
padStart?
boolean
false
decimalSeparator?
string
.
decimalPlaces?
number
0
thousandSeparator?
string
-
transition?
SpringOptions
{ stiffness: 200, damping: 20, mass: 0.4 }
delay?
number
0
...props?
React.ComponentProps<"span">
-

Built by Skyleen. The source code is available on GitHub.