CountUp Animated Numbers
Add cool animated numeric countups to your site with just an attribute.
This library provides a NOCODE way to add animated number countups in Webflow.
This is just a wrapper library that adds nocode abilities using two top-notch existing libraries;
There are two basic use-cases.
Place the custom attribute
wfu-countupon any text element that contains a numeric value, and the library will automatically begin a count up from 0 just as that item scrolls into view.
In certain cases, you'll have a series of items that you want to all start and finish together.
To do that,
- Apply the custom attribute
wfu-countupon any number-containing text element, and assign it a group name e.g.
- Then, on an element or container that begins slightly higher on the page, place a custom attribute of
group1using the same name.
This library does not require configuration, so we've taken a NOCODE approach to its design.
Add this JS reference to the BODY of your site or page. This is the base configuration.
See above, and the feature-specific sub pages for details.