Number Ticker

Animated number counter using requestAnimationFrame with ease-out cubic easing. Optional IntersectionObserver trigger.

primitive number-ticker

Usage

// import "mljr-web/ui/primitive"
primitive.NumberTicker(primitive.NumberTickerProps{
    Value:         12500,
    Prefix:        "$",
    TriggerOnView: true,
    ID:            "revenue",
})

// Percentage
primitive.NumberTicker(primitive.NumberTickerProps{
    Value:    98.6,
    Suffix:   "%",
    Decimals: 1,
    Duration: 2000,
    ID:       "uptime",
})