# Motion Counter Ticker Odometer

Storefront operations wall with orders, revenue and sessions updating every few hundred milliseconds.

- id: `motion-counter-ticker-odometer`
- Page: https://agentic-ui-kit.com/components/motion-counter-ticker-odometer
- Live preview: https://agentic-ui-kit.com/live/component/motion-counter-ticker-odometer

## Install

```bash
agentic-ui add motion-counter-ticker-odometer
npx shadcn@4.17.0 add @agentic-ui/motion-counter-ticker-odometer
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** odometer-digit-roll, signed-delta-indicator, retargeting-transitions, kpi-ticker, reduced-motion-fallback, numeric-sweep-variant
- **Intents:** monitor-live, track-status, compare-over-time
- **Suits domains:** analytics, ecommerce, operations, finance, saas, devtools
- **Interaction:** value-update, live-refresh
- **Screen role:** overview
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** Storefront operations wall with orders, revenue and sessions updating every few hundred milliseconds., Error rate KPI where a rise is shown as bad news through positive=down., Trading or auction totals where each digit column should visibly settle.
- **Avoid when:** Values that need a smooth numeric sweep across magnitudes; use variant="sweep" (motion-counter-ticker)., Long free-form numbers or text where per-digit columns would be unreadable.
- **Preserve when adapting:** right-keyed-digit-slots, signed-delta-chip, static-informational-state, polite-atomic-announcement
- **Replace when adapting:** number-formatting, prefix-suffix, tone-colors, data-source
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 8.85/10
- **Quality breakdown:** visual 9/10, responsive 8/10, accessibility 9/10, code 8/10
- **npm dependencies:** @agentic-ui/motion, @agentic-ui/tokens, react
- **Motion:** profile subtle, library css, reduced-motion fallback yes, target 30 fps
- **Registry dependencies:** lib-motion