10 Best Countup Timer Plugins In JavaScript (2021 Update)

by jQueryScript,

What Is Countup Timer?

Countup is the opposite of countdown timer that creates a counter counting from zero to a specific number.

The countup timer provides an elegant way to present statistical data on the web apps and admin panels, such as costs, datetimes, download times, number of visitors, product sales, remaining stocks, and much more.

The Best Countup Plugin

In this list, you will find out the 10 best jQuery and/or Vanilla JavaScript plugins to quickly create attractive countup timers to animate countups from zero to your desired number within a DOM element. Have fun.

Originally Published Oct 23 2019, updated Feb 06 2021

Table of contents:

jQuery Countup Plugins:

Animating Numbers Counting Up with Counter-Up Plugin

Counter Up is a lightweight and easy-to-use jQuery plugin that dynamically counts up to a targeted number (from 0) at a specified speed.

Animating Numbers Counting Up with Counter-Up Plugin

[Demo] [Download]


Counting Up To Numerical Values On Scroll - jQuery Countup.js

Countup.js is a lightweight (~2kb) jQuery plugin that animates a numerical value by counting up from zero when you scroll to it.

Counting Up To Numerical Values On Scroll - jQuery Countup.js

[Demo] [Download]


Count Up To A Number When Visible - jQuery rCounterup

rCounterup is a small and smart jQuery counter plugin which counts up to a specifc number when the number becomes visible.

Count Up To A Number When Visible - jQuery rCounterup

[Demo] [Download]


Animated Number Counter Plugin For jQuery - animationCounter.js

A really small jQuery plugin that enables you to count up or count down to a numeric value in an animated way, with configurable step size and animation delay.

Animated Number Counter Plugin For jQuery - animationCounter.js

[Demo] [Download]


Simple jQuery Animated Counter With Easing Support - SimpleCounter.js

SimpleCounter.js is a simplest jQuery counter plugin which counts up or counts down to a specified number with custom easing and duration support.

Simple jQuery Animated Counter With Easing Support - SimpleCounter.js

[Demo] [Download]


Increment Numeric Value At A Given Speed - jQuery Counter

A really simple jQuery counter (count up to) script for incrementing up to a certain number at a given speed and performing a callback when the countup is finished.

Increment Numeric Value At A Given Speed - jQuery Counter

[Demo] [Download]


Animate Counting To A Specified Number - jQuery Counter

A dead simple and ultralight jQuery counter plugin that animates numbers counting up or counting down, with custom speed, separator, and decimals.

Animate Counting To A Specified Number - jQuery Counter

[Demo] [Download]


Vanilla JavaScript Countup Plugins:

Customizable Count Up/Down Animations In Pure JavaScript – CountUp.js

CountUp.js is a lightweight, simple-to-use JavaScript library that allows to animates countups and countdowns with custom easings , separators, decimals, suffixes and prefixes. 

Customizable Count Up/Down Animations In Pure JavaScript – CountUp.js

[Demo] [Download]


Scroll-triggered Counter Plugin – purecounterjs

A pure JavaScript counter plugin which counts down or counts up towards to a specific point when the counter is scrolled into view.

Scroll-triggered Counter Plugin – purecounterjs

[Demo] [Download]


Vanilla JavaScript Count Up Library – count-up.js

count-up.js is a really small JavaScript library used for counting up towards a numeric value at a certain speed. With support for custom suffix and prefix.

Vanilla JavaScript Count Up Library – count-up.js

[Demo] [Download]


Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome Countup Timers on the web & mobile? Check out the jQuery Countup and JavaScript Countup sections.

See also: