Skip to content
React component for fancy number transitions.
JavaScript CSS HTML
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.
assets Fix: gif animation May 9, 2015
docs-assets New thumbnai May 24, 2016
gh-pages Update: Small read improvements May 11, 2015
src fixed weird problem where incorrect numbers get drawn to the dom when… Nov 30, 2016
.gitignore Add: gh-pages dist files May 9, 2015
.npmignore Initial commit May 9, 2015 Bump version 0.0.4 Dec 17, 2016 Update Sep 1, 2015
package.json Bump version 0.0.4 Dec 17, 2016

React Number Easing

React component for fancy number transitions.

Live demo

react-number-easing screenshot


npm install react-number-easing --save


var NumberEasing = require('react-number-easing');

  ease='quintInOut' />


  • value: The value that you want to display at the end of the animation.
  • [speed]: How fast do you want to finish the animation? Defaults to 500ms.
  • [useLocaleString]: Should use toLocaleString()?
  • [ease]: The easing equation for the animation. Defaults to quintInOut. You can choose from mattdesl/eases.


If you want to build this from source, you will need babel and less.

npm install -g babel less

And run the pre publish script

npm run prepublish
You can’t perform that action at this time.