Animate any number on scroll

Webflow has no built-in way to animate numbers. Displaying a stat like 1,200 clients or 98% satisfaction rate as a static number works — but it does nothing to draw attention to it. Adding a count-up animation that triggers when the number scrolls into view makes stats sections significantly more engaging and gives users a moment to register the number as it builds to its final value. Achieving this in Webflow without a kit means writing custom JavaScript or installing a third-party plugin that adds bloat, cookies, and in many cases a monthly cost.

The Fractional AutoCount Kit solves this with a single lightweight script and a set of custom attributes applied directly in the Webflow Designer.

Here is what you need to know:

• The Fractional AutoCount Kit works by wrapping your number element in a parent div and adding attributes to define the start value, end value, and animation duration. No JavaScript knowledge required and no changes to how your page renders or loads.
• The animation triggers automatically when the number scrolls into the user's viewport. It fires once and never repeats - scrolling away and back does not restart the animation, which keeps the experience feeling intentional rather than gimmicky.
• The start and end values are fully configurable. By default the counter starts at zero and counts up to whatever number is in the text element in Webflow. Override either value with a single attribute if you need the animation to start from a different point or end at a value different from what is displayed.
• The animation duration is configurable. Set how long the count-up takes in milliseconds — the default is 2000ms which is two seconds. Adjust it to match the pace of your page and the size of the number being animated.
• Multiple counters work independently on the same page. Each group triggers separately when it enters the viewport - a stats section with four different numbers each animates on its own without any interference between them.
• The Fractional AutoCount Kit uses the browser's native IntersectionObserver API to detect when the element enters the viewport. No scroll event listeners, no performance impact, and no interference with any other scroll behaviour on the page.
• The Fractional AutoCount Kit is fully GDPR, CCPA, and PIPEDA compliant. It sets no cookies, makes no external requests, and collects no personal data of its own.

‍