Skip to content

component

Smooth Counter

By Fabian Albert

Details

Summary

Smoothly animated counters

Description

A lightweight Framer component that animates numbers from a start to an end value with smooth, GPU-accelerated transitions. Perfect for stats, metrics, or KPIs, it supports trigger-based animations (on load or when in view) and lets you customize fonts, colors, spacing, and add labels before or after the number. Features Native font styling Start-end values Trigger type Native transition properties Label prefix/suffix Smooth fade option Looping properties

Introduction

Smoothly animated counters

Rank history

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

120014001600168378/148/228/309/79/15
  • All · #6827