What the Frontend? Open the interactive gallery →
Text & Typography

Counting number

A statistic counts up from zero to its final value when scrolled into view.

What you're seeing

A metric ticks up dramatically as it enters the viewport.

Where you'll see it

Stats sections, social proof, pricing callouts.

Difficulty

Very low — 1/5

Libraries that build it

GSAPcountUp.jsMotion

From the toolbox

React BitsThis gallery's effects as drop-in React components — split text, counters, auroras, magnets — free, animated, and pasteable.

Ready to prompt — paste this into your AI coding tool

"Animate the stat from 0 to [value] over 2s using GSAP with ease power2.out, triggered on viewport entry via ScrollTrigger"

Related Text & Typography effects

Staggered text revealScramble text / glitch typeKinetic typographyMarquee / infinite tickerText mask revealVariable font animation
See the animated preview in the dictionary →