component
Simple CountUp
By Robin Louw
Details
- Robin LouwAuthor
- componentType
- 2026-02-10Published
- 2026-02-10Updated
- 2026-01-31Added
- InteractiveCategories
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.
- All · #3876