Number Ticker

Number Ticker counts from one number to another when it scrolls into view, on hover, or as soon as the page loads. Stats, prices, milestones, anything that lands harder in motion.

The final number is reserved in advance, so a digit changing width never nudges the layout, and it is the final number that search engines and screen readers see. Digits are evenly spaced so the count does not wobble.

Twelve property controls cover start and end values, decimal places, thousands separators, a prefix and suffix, font, colour, trigger, duration, easing, and whether it counts again each time it scrolls back into view.

Setting up

Paste the component link into your Framer project's Insert panel. Nothing to install. Set From and To.

Good to know

Use Prefix and Suffix for currency and units, such as a dollar sign or a plus, rather than typing them into the number.

Counting plays on published sites and in preview. On the canvas it shows the final number so it stays easy to design with.