react-counter

Simple incremental counter with easings

Usage no npm install needed!

<script type="module">
  import reactCounter from 'https://cdn.skypack.dev/react-counter';
</script>

README

react-counter

A dead-simple incremental counter component with easing animations.

npm install react-counter
var React = require('react');
var Counter = require('react-counter');

React.render(
  <Counter begin={0} end={1000} time={2000} easing="outCube" />,
  document.body
);

Usage

<Counter
  begin={Number}  // The number to count from
  end={Number}    // The number to count to
  time={Number}   // The time (in ms) the counting animation should take
  easing={String} // Which easing function to use (default="outCube")
  />

The easing property, can be a name of any easing function from ease-component