To make an animated number counter, give the exact figure with its unit and the moment it should land, then animate a large number that counts up fast and eases to a stop on the value. Keep the count to two or three seconds, add a short label, and hold the final number for one to two seconds.
Real outputs from the Videotto template gallery.
How to make an animated number counter in six steps
- Give the exact number. With its unit, such as millions, percent or a currency sign, written exactly as it should appear: $1.2M is different from $1,200,000 on screen.
- Say when it lands. In a talking video, the moment the number is spoken. Otto can find that moment from the words, so you can quote the sentence instead of a timestamp.
- Pick the counter style. Rolling digits, a flip counter, tiles filling, a ring filling or a bar rising. Details below.
- Write the label. Three to six words that say what the number means, for example "new customers this year".
- Set position and look. Full screen, or in the top third beside the speaker and clear of the face. One accent colour for the number.
- Check the landing. Pause on the final frame and compare the value with your source.
Number counter prompt to paste into Otto
Adapted from real requests Videotto users sent to Otto. Fill in the brackets with your own figure and label.
Add an animated number counter to my video, vertical 9:16. When I say [the number as spoken], show a huge [number with unit] counting up from zero in the centre of the frame. It counts up fast, then slows down and lands exactly as I say it. Label underneath: [three to six words]. Number in [accent colour], label in white. Soft ticks while counting, a deep hit on the landing. Hold the final number for two seconds, then cut back to me.
Short counter requests
- "A big tile counter for the number of companies he mentions."
- "Big green numbers that build as he says them."
- "Show the balance rolling up to the final amount."
- "A giant animated stat counter in red every time I say a number."
Worked example: one stat in a 45 second talking head clip
An illustration, not a real account. A founder records a 45 second clip about her newsletter. One sentence carries the key stat: "Three years ago we had 40 readers. Today it's 52,000."
| Time | Speaker says | On screen |
|---|---|---|
| 0:14.0 | "Three years ago we had 40 readers." | Small grey "40" in the top third |
| 0:16.5 | "Today" | "40" starts counting up, fast |
| 0:17.8 | "it's 52,000" | Count slows, last digits tick over, lands on 52,000 in orange |
| 0:18.0 to 0:20.0 | pause | Hold, label "newsletter readers", soft hit on landing |
| 0:20.0 | next sentence | Counter fades, back to full speaker |
The count runs for about 1.3 seconds, starts from the earlier figure rather than zero so the growth is visible, and lands on the spoken word. It is the only counter in the clip. A second stat later in the video would get a smaller treatment so this one stays the moment people remember.
What makes a stat reveal land
A counter is anticipation followed by a payoff. These choices decide whether the payoff works.
| Choice | Works | Falls flat |
|---|---|---|
| Count length | 2 to 3 seconds, easing out at the end | A 10 second count, or a constant speed |
| Landing | On the spoken word, with a small hit or flash | Half a second early or late |
| Hold | 1 to 2 seconds of stillness | A number that keeps wobbling |
| Label | 3 to 6 words under the number | No label, or a full sentence |
| Style | Rolling digits, flip, tiles, ring or bar, one style per video | A new style for every number |
| Size | The number fills at least a third of the frame width | Small text in a corner |
Pick a style that matches what you are counting. Rolling digits are the most readable. A flip counter feels mechanical and premium. Tiles suit counts of things, like 57 companies. A ring fill suits percentages, and a bar rise works when a second figure follows for comparison.
Animated counter tools compared
Typical estimates for adding one synced counter to an existing clip, not measured results.
| Tool | How the counter is made | Typical time |
|---|---|---|
| After Effects | Slider control driving a text layer with an expression, keyframed easing | 30 to 60 minutes once set up |
| Premiere Pro | A Motion Graphics template, or a counter built in After Effects and imported | 20 to 40 minutes |
| CapCut | Counter style text templates or effects, timed by hand on the timeline | 15 to 30 minutes |
| Canva | Animated text and number elements, limited control over easing | 15 to 30 minutes |
| Otto | Describe the number, label and moment in a prompt | One prompt, then a quick check of the landing |
The manual tools give exact control over easing curves. The time goes into finding the frame where the number is spoken and lining the landing up with it, which is the part a prompt handles from the words.
Fixes for number counter problems
| Problem | Fix |
|---|---|
| The final value is wrong | Add "exactly as given" and check the landing frame |
| It lands before the speaker says it | Ask for it to land on the spoken word, quoting the sentence |
| It counts too slowly | Two to three seconds is enough. Ask for a faster start |
| Nobody knows what the number means | Add a three to six word label |
| Counters on every sentence | Keep one big counter per clip, make the rest small |
| It covers the face | Move it to the top third or beside the speaker |
FAQ
How do you make a number count up in After Effects?
To make a number count up in After Effects, create a text layer, add a Slider Control effect, and link the text's Source Text to the slider with an expression such as Math.round of the slider value. Keyframe the slider from the start value to the end value, then apply easy ease to the last keyframe so the count slows before landing.
How long should a number counter animation take?
A number counter animation should usually take two to three seconds to count, then hold the final value for one to two seconds. Shorter counts feel like a flicker and longer ones lose attention. Let the low numbers fly by and slow down near the end, so the last digits tick over one at a time just before the landing.
How do I format large numbers in an animated counter?
When formatting large numbers in an animated counter, decide the final display first, such as 52,000 or 52K or $1.2M, and keep the same format while it counts. Thousands separators help readability above four digits. Short forms like K and M suit small spaces and vertical video, while full figures feel more precise in financial or scientific content.
Should a counter start from zero?
A counter does not have to start from zero. Starting from zero works when the number itself is the surprise. Starting from an earlier value works better when the story is growth, for example counting from 40 to 52,000, because viewers see the change. Pick the start that makes the point, and never round the final number up.
What is the difference between a number counter and a chart?
The difference between a number counter and a chart is focus. A counter shows one number with impact at a single moment, usually timed to a spoken line. A chart shows how several numbers relate or change over time. Use a counter for the one stat that matters and a chart when the comparison or trend is the point.
Make your next video with Otto
Tell Otto what you want in plain words. It cuts, captions and animates the video for you.
