Number Ticker
Pro
Animated number counter component. Features easing, formats and intersection observer support.
Pro features
What the Pro version adds to this component.
Number Animation
Smooth and effective number increment animation
5 Easing Options
Different animation types like linear, ease, bounce
Intersection Observer
Automatic animation start when entering viewport
Rich Formats
Currency, percentage, and custom format options
Duration Control
Full control over animation duration
Starting Value
Set the value where animation will start
Installation
Install via CLI
npx @moontra/moonui-cli add number-tickerUsage
Total Users
0Examples
Simple Counter
Pro
Basic number animation
Currency Format
Pro
Currency format with prefix and separator
Percentage Display
Pro
Percentage format with suffix
Bounce Easing
Pro
Fun animation with bounce effect
Large Numbers
Pro
Large numbers with thousand separators
Custom Format
Pro
With custom format function
Non-Repeating Counter
Pro
Animation runs only once (recommended for performance)