← Components/domain/animations

NumberTicker

domain/animationsstablea11y: untested2/3 coverageEdit on GitHub ↗
domain-animations-numberticker--defaultOpen all variants →

When to use

  • Marketing hero stats ("12,034 datasets labelled" climbing into view).
  • Investor / about-page metric strips.
  • Any single-number flourish that should animate exactly once on first scroll-in.

When not to use

  • Live, continuously-updating values (latency monitors, session counts) — render the value directly; the spring overhead and "once" gate aren't suited to streaming data.
  • Inline body copy where the count needs to read instantly — the animation delay can hurt comprehension.
  • Form inputs / editable values — use a plain <input type="number"> instead.