Counter Pro

Counter Pro elevates how you display numbers.

It’s an advanced animated counter that transitions from one value to another through smooth, slot-machine-style digit animations. Each digit moves independently, creating fluid motion enhanced by motion-blur and glow effects for added visual flair.

Features

• Smooth vertical sliding animations for each digit

• Optional motion blur for speed emphasis

• Optional glow effect for neon-style visuals

• Supports decimals, separators, prefix/suffix text, and negative values

• Consistent digit width using tabular number formatting

• Start on view or start immediately

• Fully customizable typography, color, spacing, and timing

• Lightweight and GPU-accelerated for seamless playback

Customisations

Number Formatting

• From / To Values

• Decimal Precision

• Thousands Separator

• Prefix / Suffix

• Negative Values

Animation Controls

• Duration & Delay

• Trigger Behavior: Start on view or start immediately

Visual Effects & Style

• Motion Blur

• Glow Effect

• Typography

• Text Color

• Spacing

Usage

1. Copy Counter Pro into your Framer project.

2. Place it on your canvas where you want the animation.

3. In the right-hand property panel:

• Set From and To values.

• Configure decimals, separators, prefix/suffix.

• Adjust animation duration and delay.

• Choose trigger behavior (on scroll or immediate).

• Toggle motion blur or glow for visual depth.

4. Customize typography and color to fit your brand.

5. Done!