Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.


Docs
Number Ticker

Number Ticker

Animate numbers to count up or down to a target number

Installation

npx shadcn@latest add "https://magicui.design/r/number-ticker"

Example

Decimal

Props

PropTypeDescriptionDefault
valueintThe value to count to0
directionup | downThe direction to count inup
delaynumberThe delay before counting0
decimalPlacesnumberThe number of decimal places to show0