Create a counter animation | Jitter Help Center

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

To create a counter animation:

Create a text layer that contains the number you want to animate
Open the Animate panel
Select New animation → Custom → Counter
Configure the animation values:
1. From: the value the counter begins at
2. To: the value it counts up (or down) to
3. Step: the interval it counts at. This controls the pace of the animation.

💡 Tip: Choose more steps to make the counting animation smoother and slower, and fewer steps to make it snappier.

The counter animation works with a wide range of number formats, including text layers that mix numbers with other characters:

Plain numbers, e.g. 42, 1234.5678
Negative numbers, e.g. -1,234.5%
Non-numeric prefixes and suffixes, e.g. $42, 42kg, $1,234.50kg
Thousands separators e.g. comma (1,234), dot (1.234), or space (1 000 000)
Decimals with . as decimal separator
Leading zero padding, e.g. 0000, 001,234.50