Beta

Sliding Number

A numeric display component that smoothly animates number changes with a sliding transition effect.

Open in

Installation

Examples

With decimal

Open in

Props

PropTypeDefault
className?
string
-
number
number
-
startOnView?
boolean
false
padStart?
boolean
false
decimalSeparator?
string
.
transition?
SpringOptions
{ stiffness: 200, damping: 20, mass: 0.4 }

Credits

Rolling Text

A text component that reveals content through an engaging rolling animation.

Typing Text

A text component that dynamically simulates a typing animation, progressively revealing characters as if typed in real-time.

On this page