Number Ticker

Animated number counter components.

On This Page

Animated number counter components.

Animates a numeric value from 0 to target value when it enters the viewport.

Live CanvasInteractive

$0+

Controls(5)

value

number

Target number to animate towards

duration

number

Duration of the scroll animation in seconds

prefix

text

Text character rendered before the numbers

suffix

text

Text character rendered after the numbers

decimals

number

Number of fractional decimal digits

Generated JSX

import { NumberTicker } from "nexoreui"

<NumberTicker />

component.tsx

$0+

component.tsx

0.00

component.tsx

component.tsx

component.tsx

Property	Type	Default	Description
value	number	-	The final numeric target to animate to.
duration	number	2	Animation duration in seconds.
prefix	string	""	Optional character before the value.
suffix	string	""	Optional character after the value.
decimals	number	0	Precision of fractional decimals.

On This Page