Counter Pro
A premium animated counter with sliding digits, motion blur, and glow effects. Fully customizable with prefix/suffix, decimals, and scroll-triggered animation.
Make it with Workshop
Build your own component with AI
A premium animated counter with sliding digits, motion blur, and glow effects. Fully customizable with prefix/suffix, decimals, and scroll-triggered animation.
Make it with Workshop
Build your own component with AI
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.
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
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
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!
