Fancy countup

Count up component will start counting after an element with data-countup attribute become visible in the viewport

See on GitHub
Options
  • count
  • format
  • prefix
  • suffix
  • duration
  • delay
Example
0
(Default)
0%
(Duration 10s)
0
(Comma & delay)
0
(Space)
0
(Alphanumeric)
0
(Prefix)
<span data-countup='{"count":36487}'>0</span>
<span data-countup='{"count":89,"duration":10000,"suffix":"%"}'>0</span>
<span data-countup='{"count":36487,"format":"comma","delay":2}'>0</span>
<span data-countup='{"count":36487,"format":"space"}'>0</span>
<span data-countup='{"count":36487,"format":"alphanumeric"}'>0</span>
<span data-countup='{"count":36487,"format":"comma","prefix":"$"}'>0</span>