Atelier UI

Search components…

Search components…

Number Ticker

Number that counts up to its value once it scrolls into view.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

NumberTickerProps

Also accepts all props of React.ComponentProps<"span">

PropTypeDefaultDescription
value* requirednumber——
fromnumber0Number the count starts from
durationnumber2Seconds the count takes
decimalsnumber0—
prefixstring""—
suffixstring""—
localestring"en-US"BCP 47 locale for digit grouping

Install

$ npx shadcn@latest add https://chromotion.dev/r/number-ticker.json

The CLI installs the base component; your customizations live in the code generated on the Customize tab.

More like this