Pimjo has acquired Sera UI 🎉 — Learn More

React Number Ticker

A smooth animated number counter component that animates from 0 to any target value with customizable formatting and styling.

$0.00

Usage

Loading...

Props

PropTypeDefaultDescription
valuenumber–The target number to animate to
durationnumber2000Animation duration in milliseconds
delaynumber0Delay before animation starts in milliseconds
decimalPlacesnumber0Number of decimal places to display
prefixstring""Text to display before the number (e.g. $, €)
suffixstring""Text to display after the number (e.g. %, +, K)
classNamestring""Additional CSS classes for styling
onCompletefunction–Callback function called when animation completes

Examples

Basic Counter

Loading...

Currency Display

Loading...

Percentage with Callback

Loading...