# motion-number

> An animated number component for React, built on Motion for React.

Latest version **1.0.0** (published 2025-01-28) · 0 weekly downloads

## Install

```sh
npm install motion-number
pnpm add motion-number
yarn add motion-number
bun add motion-number
```

## Health

**Score 40/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2025-01-28 |
| First published | 2024-08-19 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 79.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Matt Perry |
| Maintainers | popmotion, maxbarvian |

## Links

- npm: https://www.npmjs.com/package/motion-number
- npm.io page: https://npm.io/package/motion-number

## Dependencies (1)

- [motion](https://npm.io/package/motion.md) ^12.0.6

## Recent versions

- 1.0.0 (latest) — 2025-01-28
- 0.2.0-alpha.4 (alpha) — 2025-01-28
- 0.1.7-next.1 (next) — 2024-09-02
- 0.2.0-alpha.3 — 2025-01-27
- 0.2.0-alpha.2 — 2025-01-27
- 0.2.0-alpha.1 — 2025-01-27
- 0.2.0-alpha.0 — 2025-01-24
- 0.1.7 — 2024-09-02
- 0.1.7-next.0 — 2024-08-24
- 0.1.6 — 2024-08-20
- 0.1.5 — 2024-08-20
- 0.1.4 — 2024-08-19
- 0.1.2 — 2024-08-19
- 0.1.1 — 2024-08-19
- 0.1.0 — 2024-08-19

## README

<p align="center">
  <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" alt="Motion Icon" />
</p>
<h1 align="center">Motion Number</h1>
<h3 align="center">
  A animated number component for React, built on Motion
</h3>

Motion Number is exclusive to [Motion+](https://motion.dev/plus) members. Motion+ is a one-time payment, lifetime access to all premium examples and components.

Motion Number is based on Maxwell Barvian's [NumberFlow](https://number-flow.barvian.me/). As Motion Number is built on Motion for React, existing users will see just +2.6kb added to their bundlesize, versus +9kb for NumberFlow.

[Motion Number docs](https://motion.dev/docs/react-number)

---
_Source: https://npm.io/package/motion-number · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._