<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)
