Skip to content

component

Simple CountUp

By Robin Louw

Details

Summary

Animated Countup component

Description

Whether you’re showcasing a growing user base, total revenue, or performance metrics, this component adds a layer of professional polish by smoothly animating numbers from zero to your target value. Key Features Customisable Duration: Control how fast or slow the counter reaches its goal. Suffix & Prefix Support: Easily add symbols like $, %, or +. Smart Formatting: Includes options for decimal points and thousand separators (e.g., 1.000 vs 1000). Viewport Trigger: The animation starts exactly when the user scrolls the component into view. How to Install Install from the Framer marketplace. Insert or paste it into your project. Use the Properties Panel on the right to set your target value, duration, formatting, and appearance. Add more features by editing the component using Workshop.

Introduction

Animated Countup component

Rank history

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

12001400145828/148/228/309/79/15
  • All · #3876