MoonUI

Number Ticker

PRO

Animated number counter component. Features easing, formats and intersection observer support.

Pro Features

Unlock advanced capabilities with the Pro version

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 moonui-cli@latest add number-ticker

Usage

Pro Required

Total Users

0

Examples

Simple Counter

PRO

Basic number animation

Pro Required
0

Currency Format

PRO

Currency format with prefix and separator

Pro Required
$0

Percentage Display

PRO

Percentage format with suffix

Pro Required
0%

Bounce Easing

PRO

Fun animation with bounce effect

Pro Required
0

Large Numbers

PRO

Large numbers with thousand separators

Pro Required
0

Custom Format

PRO

With custom format function

Pro Required
0 items