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-countup
on 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-countup
on any number-containing text element, and assign it a group name e.g.group1
- Then, on an element or container that begins slightly higher on the page, place a custom attribute of
wfu-countup-trigger
=group1
using 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.
<script type="module" src="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/src/nocode/webflow-countup.min.js"></script>
See above, and the feature-specific sub pages for details.
Last modified 23d ago