Number Ticker

Springs a number up when it enters the viewport.

12,480+

Installation

pnpm dlx shadcn@latest add https://paulkeys.org/r/number-ticker.json

Adds components/velora/number-ticker.tsx, installs motion.

Prop	Type	Default
`value*`	`number`	`—`
`startValue`	`number`	`0`
`delay` Seconds to wait after entering the viewport	`number`	`0`
`decimalPlaces`	`number`	`0`
`prefix`	`string`	`""`
`suffix`	`string`	`""`

Also accepts every <span> attribute, forwarded to the root element.

Reduced motion: The final value appears at once when the element scrolls into view, with no count-up.
Keyboard: Decorative — nothing to operate.
Screen readers: The final formatted value is always in an sr-only span; the animating digits are aria-hidden.

Springs a number up when it enters the viewport.

12,480+

pnpm dlx shadcn@latest add https://paulkeys.org/r/number-ticker.json

Adds components/velora/number-ticker.tsx, installs motion.

Prop	Type	Default
`value*`	`number`	`—`
`startValue`	`number`	`0`
`delay` Seconds to wait after entering the viewport	`number`	`0`
`decimalPlaces`	`number`	`0`
`prefix`	`string`	`""`
`suffix`	`string`	`""`

Also accepts every <span> attribute, forwarded to the root element.

Reduced motion: The final value appears at once when the element scrolls into view, with no count-up.
Keyboard: Decorative — nothing to operate.
Screen readers: The final formatted value is always in an sr-only span; the animating digits are aria-hidden.