Free Framer component
Count Up In View
A number that counts up when it scrolls into view. You set the values, the format and the timing in Framer’s right panel.
Clients served
On-time delivery
Raised to date
These three start when the page loads. The ones below start when you scroll to them.
Counts when it comes into view
Put it in a stats row, a pricing table or an about page. Each number waits until half of it is on screen, then counts once. Turn on Replay to count again every time it comes back into view.
Projects shipped
Countries
Average rating
Counts again on scroll
Details
Nothing moves around it
The box is as wide as the final number from the start, so text next to it stays put while it counts.
Search engines see the final number
The final value is in the page from the start, for search engines and screen readers.
Respects Reduce motion
Visitors who turn off motion see the final number right away. The canvas shows it too.
Number format
Decimals, a prefix and suffix, and five separators: 1,000.5 · 1.000,5 · 1 000.5 · 1’000.5 · 1000.5.
Count from any value
Count up or down, from zero or from any start value, negative numbers included.
Font, color and timing
Any font and color, including your project’s styles. Set the duration, the delay and one of three easing curves.
Settings
From / To
The start and end values. Count up or down.
Decimals
0 to 3 digits after the point.
Separator
How thousands are grouped: comma, period, space, apostrophe or none.
Prefix / Suffix
Text before and after the number, such as $, %, + or /5.
Start
In view (when half of it is on screen) or On load.
Replay
Count again every time it comes back into view.
Duration / Delay
How long it counts, and how long it waits first.
Easing
Ease out, Ease in-out or Linear.
Font / Color
Any font, size and color, including your project’s styles.
How to use it
01
Open the component on the Framer Marketplace and copy it.
02
Paste it on any page of your Framer project (⌘V).
03
Change the settings in the right panel. Preview to see it move.
From the same maker
Framer templates by H SHIFT WORKS
CIRCLED
Booking site for portrait and wedding photographers.
View template →
AGENDA
Conference site with schedule, speakers and venue.
View template →
OFFSET
Studio site for an independent digital agency.
View template →
TRUSS
Site for renovation and design-build companies.
View template →
GAZE
Dark, photo-led portfolio for one visual artist.
View template →
© 2026 H SHIFT WORKS. Framer templates, plugins and components.
framer.com/@hshiftworks
X: @hshiftworks