Simple jQuery Plugin For Animating Numbers - Numerator

File Size: 5.81 KB
Views Total: 8518
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simple jQuery Plugin For Animating Numbers - Numerator

Numerator is yet another jQuery number animation plugin that allows you to add customizable animations to the numbers.


  • Easing options.
  • Allows to specify the length of the animation.
  • Custom decimal places and delimiter.
  • Callback events supported (onStar, onStep, and onComplete).

See also:

Basic Usage:

1. Load the latest jQuery javascript library and JQuery Numerator plugin in the footer of your page.

<script src=""></script>
<script src="jquery-numerator.js"></script>

2. Create a container for the number animation.

<div class="demo"> 0 </div>

3. Call the plugin with options.

$('.demo').numerator( {
easing: 'linear', // easing options.
duration: 2000, // the length of the animation.
delimiter: ',',
rounding: 2, // decimal places.
toValue: 100 // animate to this value.
} )

Change log:


  • Make plugin AMD compliant
  • Updated parseInt with radix


  • change to support IE8.

This awesome jQuery plugin is developed by garethdn. For more Advanced Usages, please check the demo page or visit the official website.