A number that is simply printed on the page gets read. A number that counts up gets watched. That is the whole argument for animating your proof: revenue generated, clients served, calls booked, show-up rate. The motion buys you the two seconds it takes for the figure to register.
The counter fires when it scrolls into view rather than on page load, so the animation happens while the visitor is looking at it instead of finishing before they arrive. It renders the final number in the markup first and rewinds to the start value before animating, which means the correct figure is still there on any page where JavaScript never runs.
Numbers that count up the moment they scroll into view. Set the target, prefix, suffix, and decimals; pick easing, duration, and delay; go solid or gradient; size it independently for desktop and mobile. Perfect for revenue claims, client counts, and results bars.
Enter the target value and where to count from, then add a prefix, a suffix and decimals. Thousands and decimal separators are configurable, so 1250000 can read as 1,250,000 or 1 250 000.
Put the label above or below the number, or turn it off. This is the part that makes the figure mean something: "Client revenue tracked" does more work than the number alone.
Choose the trigger, duration, delay and one of four easings, and decide whether it replays when the visitor scrolls back. An easing that decelerates hard at the end reads as more deliberate than a linear count.
Solid or gradient fill, font, weight, letter spacing, padding, background and border are all available, with number size set separately for desktop and mobile.
New to the app? Start with the install and setup guide.
Animated Elements