Library / Scroll animation

Pinned Stat Story pro

One giant figure that rolls digit by digit into the next statistic as you scroll, inside a ring that fills.

Scroll inside the preview to try it.

Customize

Stats written as 120+ — what it means

Colour of the progress ring

Size of symbols and units next to the digits (1 is full size)

Figure style

Code

import StatStory from './StatStory';

<StatStory />

Checking your access…

Dependencies: none

scroll numbers stats odometer

More in Scroll animation

Scroll Video (Frames)Plays a video as the visitor scrolls, either as a pinned full-width scene or inside a single card. Works from numbered frames.
Timeline ScrollA vertical timeline whose glowing line draws itself as you scroll while milestones light up and slide in.
Drawn Process LineProcess cards zig-zag down the page while one line draws itself behind them and each card switches on as the line arrives.