Simple CountUp

Animated Countup component

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

1. Install from the Framer marketplace.

2. Insert or paste it into your project.

3. Use the Properties Panel on the right to set your target value, duration, formatting, and appearance.

4. Add more features by editing the component using Workshop.