Counter Pro

Counter Pro
Counter Pro

About Counter Pro

Counter Pro elevates how you display numbers.

An advanced animated counter that transitions from one value to another through smooth, slot-machine-style digit animations. It creates a fluid motion enhanced by motion-blur and glow effects for added visual flair.

Counter Pro Component Preview

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, colour, spacing, and timing

  • Lightweight and GPU-accelerated for seamless playback

Customisations

  • From / To Values

  • Decimal Precision

  • Thousands Separator

  • Prefix / Suffix

  • Negative Values

  • Duration & Delay

  • Trigger Behaviour: Start on view or start immediately

  • 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. Adjust the properties in the right-hand property panel.

  4. Done!

From Aviral Lakhanpaul

Folder Stack
Ink Mask Reveal
3D Stack Gallery
Focus Slideshow

Related Components

Storytelling Collage
Nomad Pocket
Bordered Tooltip
World Clock