Skip to main content

Countup

Square only

CountUp.js - A dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way.

CountUp.js docsarrow-right-1

Basic examples

By adding data-countup attribute you can initialise the component. There are a few available options, data-to, data-decimals, data-duration and data-options to add more options to your counter like prefix or suffix.

Note: CountUp.js will only start counting when the user reaches the viewport!

0+
<div class="h3" data-countup data-to="6358" data-options='{"suffix": "+", "duration": 5}'></div>
0:0:0 
<span data-countup data-to="22"></span>:
<span data-countup data-to="38"></span>:
<span data-countup data-to="59"></span>