Metric Counter Curve

Metric Counter

Turn raw numbers into a moment. Metric Counter is a premium animated stat display where digits roll like a luxury odometer and a glowing curved stepper glides from month to month. Drop it in, hit play, and watch your growth tell its own story.

Why You'll Love It

✦ Odometer digits that roll, stagger and blur like the real thing

✦ A glowing curved line that bends around the active month

✦ Verified profile card with photo, name and badge

✦ A pulse ring that lights up the button while you scroll

✦ Ready in seconds, polished from the first frame

Two Looks, One Component

✦ Digital LED glyphs with adjustable segment gaps

✦ Clean Type digits using any font and weight

✦ Smooth, Snappy or Bouncy spring feel for rolls and slides ✦ Three chevron styles for the center button

Move It Your Way

✦ Click the button or any month to jump ahead

✦ Wheel Drive turns your mouse wheel into a number dial

✦ Page Drive ties the count to page scroll with a sticky pin

✦ Autoplay with hold time, looping and pause on hover

✦ On Step Change event to trigger your own interactions

Built For Real Projects

✦ Fully responsive, scales cleanly to any frame size

✦ Respects reduced motion preferences

✦ Accessible button and live number for screen readers

✦ Autoplay pauses offscreen to keep pages fast

Easy To Customize

✦ Tidy control groups: Timeline, Curve, Button, Profile, Counter, Motion and Surface

✦ Options appear only when they matter

✦ Set unlimited months and a value for each one

✦ Tune colors, glow haze, line thickness, sizes, fonts and corners

Perfect For

✦ Social proof and follower milestones

✦ SaaS growth and revenue stats

✦ Creator, agency and portfolio sites

✦ Dark, modern landing pages

Ready To Roll

Add Metric Counter, set your numbers and let your growth do the talking.