Skip to content

component

Number Ticker

By Gwatsin T

Details

Summary

Number Ticker counts from one number to another when it scrolls into view, on hover, or as soon as the page loads.

Description

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.

Introduction

Numbers that count up on view

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600160679/129/129/139/149/15
  • All · #6067