Components

Number Ticker

A number that counts up on a spring once it scrolls into view, settling on `value`.

0+

installs

0.0%

frames kept

Install

Copies the component source — plus its small internal deps — into your project. You own the code from the first minute.

terminal
npx lumora-ui@latest add number-ticker

Import

Using the workspace package instead? Deep imports keep cold starts lean; the barrel is fully tree-shakable either way.

app/page.tsx
import { NumberTicker } from "@lumora/ui/components/number-ticker";
// or from the barrel:
import { NumberTicker } from "@lumora/ui";

Props worth knowing

value is the number to land on; from, decimals, prefix and suffix shape the count. Ticks up on a spring once scrolled into view; shows the final value immediately under reduced motion. Props extend the natural HTML element, so className, event handlers, and aria attributes pass straight through.