Skip to main content

Create a counter animation

Make a polished counting animation in just a few clicks

Written by Karen

Use Jitter's dynamic counting animation preset to display numbers, stats or metrics with motion.

To create a counter animation:

  1. Create a text layer that contains the number you want to animate

  2. Open the Animate panel

  3. Select New animation β†’ Custom β†’ Counter

  4. Configure the animation values:

    1. Starting number: the value the counter begins at

    2. Ending number: the value it counts up (or down) to

    3. Steps: to control the pace of the animation

πŸ’‘ Tip: Choose more steps to make the counting animation smoother and slower, and fewer steps to make it snappier.

Did this answer your question?