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.
A row of overlapping faces: your team, your clients, the people already inside. Hovering one lifts it out of the stack and floats a card above it with the name and role, and the card leans toward whichever side of the face the cursor is on.
A sharp live-presence line with a glowing status pulse and digits that flip independently as the count rises or falls. It adds the feeling of current activity without a library, feed or external request.
The row of client logos that sits under a headline and does the quiet work: sliding past on a loop, drained of colour until a visitor hovers one, with the edges fading out rather than cutting off.
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