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.

Files

Permalink
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
CHANGELOG.md Bump version 0.0.4 Dec 17, 2016
README.md Update README.md Sep 1, 2015
package.json Bump version 0.0.4 Dec 17, 2016

README.md

React Number Easing

React component for fancy number transitions.

Live demo

react-number-easing screenshot

Installation

npm install react-number-easing --save

Usage.

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

<NumberEasing
  value={15}
  speed={300}
  ease='quintInOut' />

Props

  • 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.

Build

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.