Countup
Count up component will start counting after an element with data-countup attribute become visible in the viewport
See on GitHub
Examples
0
(Default)
0%
(Duration 10s)
0
(Comma & delay)
0
(Space)
0
(Alphanumeric)
0
(Prefix)
HTML
<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>Options
countformatprefixsuffixdurationdelay
Start building beautiful apps
Navigate
Contact
369 ape view Avenue
Brooklyn, NY
369 ape view Avenue
Mon - Fri 9am - 5pm
+91 3929 3355
Brooklyn, NY
Subscribe
Latest Shape news, articles, and resources sent straight to your inbox every month.
Made With by ThemeWagon