For AI agents: the documentation index is at /llms.txt, and any docs page is available as Markdown by appending .md to its URL.

Number ticker

Verified

A number that counts to its new value and reads out the final value for screen readers.

$1,200.00

When to use

Use when: A figure that changes while the person watches, such as a live total.
Avoid when: Numbers that change every frame.

Installation

bunx shelf add number-ticker

The source lands in src/components/ui/number-ticker.tsx, along with any Shelf items it builds on, and .shelf/lock.json records what was installed. It's yours to edit.

Usage

import { NumberTicker } from "@/components/ui/number-ticker";

<NumberTicker />

Built on

Packages: @stylexjs/stylex
Shelf items: utils
Figma: Optional native Figma library. See Designers.

Verified

Size: 0.7 kB gzipped on its own, 1.7 kB with the Shelf items and packages it builds on. JS and CSS in a production build, without React.
Accessibility: Axe passes on 1 story
Behavior: 1 interaction test in Storybook
React Doctor: React Doctor finds nothing