---
name: nexu-io/count-up
source: https://app.decimal.ai/s/nexu-io-count-up@1/SKILL.md
source_sha256: 9ab8d7e5462f
---

# count-up

A number that animates up to its target on enter. Part of
[motion-anything](https://github.com/nexu-io/motion-anything); obeys `MOTION-SPEC.md`.

## When to use it
- Stat / metric blocks; drawing the eye to one impressive figure.

## When NOT to use it (restraint)
- Precise values the reader must read exactly mid-animation.
- Many counters firing at once — pick the one that matters.

## How to apply
1. Copy `count-up.css` and `count-up.js` and link them.
2. Mark numbers: `<span data-count="10000" data-count-suffix="+">0</span>`
   (optional `data-count-prefix="$"`, `data-count-duration="900"`).

## Accessibility & performance
- `prefers-reduced-motion`: final value shown immediately. Tabular figures keep width steady.