How to make numbers count up in After Effects

How does a count-up work in After Effects?

A count-up shows a different number on every frame: the start value plus a share of the distance to the end value. The share runs from 0 on the first frame to 1 on the last. Commas, decimals, a currency sign and easing are all formatting on top of that one number.

shown = start + (end − start) × progress

Progress is the elapsed time divided by the duration. Hold it at 1 once the count is done, so the number stops on the target instead of running past it. Hold it at 0 before the count starts, so it doesn't show values below the start.

The frame rate decides how many different numbers the viewer actually sees. Do this sum before you pick a duration:

A small range over a long duration holds each number for several frames, so it reads as a ticking clock. A large range skips most numbers, so it reads as a blur that settles on the final figure. That blur is usually what a stats reveal wants. If the viewer needs to read the number climbing, keep the change per frame small or make the count longer.

This guide gives the logic in plain maths rather than pasted code. For exact syntax, check Adobe's expression language reference. For getting an expression onto a layer in the first place, see how to add expressions in After Effects.

Counter script, count-up expression or extension: which do you need?

Write an expression if you want the logic in your own hands. Use a ready tool if you'd rather fill in fields than write code. People search for a "counter script" when they mean any of these, but the three are different files and behave differently.

• A hand-written expression. It is free and lives on the layer. You also own every edge case yourself: rounding, commas, padding and the minus sign.
• A script (.jsx). It is a file you run. What it leaves behind on the layer depends on the script.
• An extension panel. It is a panel you keep open while you work. mouzeclick's panels open under Window › Extensions, and mouzeexpr is one of them.

Our guide to plugins, scripts and extensions covers what .aex, .jsx and .zxp files are and where each one installs. For a counter, the practical choice comes down to two options. You can keep a live expression you can edit later, or you can turn it into plain keyframes you can retime by hand. mouzeexpr's Bake to keyframes turns the first into the second.

What should you decide before building a counter?

Settle eight things first: the values, the timing, the decimals, the separator, any prefix or suffix, the easing, the hold and the width. Each one changes the maths or the layout, and fixing them halfway through means redoing the count.

1. Start and end value. A countdown is the same count with the two values swapped, or worked out as time remaining (see the countdown section).
2. Duration and frame rate. Work out the change per frame with the table above. One to three seconds covers most stats reveals.
3. Decimals. Use 0 for follower counts, 1 for percentages such as 98.5% and 2 for money. Always round to this number of places before formatting.
4. Separator style. Choose 1,234,567 for US and UK viewers, 12,34,567 for Indian viewers or 1.234.567,89 for much of Europe. Match the audience, not your own keyboard.
5. Prefix and suffix. Signs such as $, ₹, +, %, K or M stay fixed. Only the digits move.
6. Easing. A linear count climbs at a steady rate. An ease-out races, then slows into the final figure, which is the usual look for a stats reveal.
7. The hold. Leave the final number on screen long enough to read. We'd give it at least a second.
8. Width. A count from 0 to 1,000,000 gains six digits and two commas along the way. Decide now which edge of the text stays still.

How do you add commas to a count-up number?

Round the number to your decimal places first. Then split it at the decimal point, group the whole-number part in threes from the right and join everything back together with the prefix and suffix. Working in that order stops results like 1,000.0000001 and keeps commas out of the decimals.

1. Round. 1234567.891 with 2 decimals becomes 1234567.89.
2. Split. The whole part is 1234567 and the decimal part is 89.
3. Group the whole part. In threes it becomes 1,234,567. In Indian style, group the last three digits, then pairs: 12,34,567.
4. Pad the decimals. With 2 decimals, 5.5 should read 5.50. Otherwise the text changes width every time the last digit hits zero.
5. Handle the sign separately. Take the minus sign off, group the digits, then put the sign back. If you count the sign as a digit, −250000 can come out as −,250,000.
6. Add the prefix and suffix. Add them last, so a $ or % never ends up inside a group.

Stop the number jittering

As the number grows from 9 to 10 to 100, the text gets wider. With centred text, every new digit nudges the whole line sideways. Right-align the layer so the last digit stays put. If the prefix must stay still, left-align it instead. A font with tabular (equal-width) figures also helps, because 1 and 8 then take the same space and the digits stop wobbling between frames.

How do you make a countdown timer in After Effects?

A countdown is the count-up sum turned round. The time remaining is the total minus the time elapsed, held at 0 so it never goes negative, and it is shown as minutes and seconds. The traps are rounding and padding.

1. Work out the time remaining. Subtract the elapsed time from the total and never go below 0.
2. Choose how to round to whole seconds. If you round down, a 10-second countdown shows 9 almost at once and sits on 0 for the last second. If you round up, it shows 10 for the first full second, shows 1 for the last and lands on 0 exactly at the end. Rounding up is usually what people expect from a launch timer.
3. Split into minutes and seconds. Minutes are the whole seconds divided by 60, rounded down. Seconds are what is left over.
4. Pad the seconds to two digits. 65 seconds should read 1:05, not 1:5.
5. Add hours past 3,600 seconds, or keep counting minutes if the design calls for 62:05.
6. Add frames or tenths if you need them. At 30 fps, frames run from 00 to 29. Tenths run from 0 to 9.

mouzeexpr's Countdown/clock covers this without code, as the next section shows.

How do I build a counter in After Effects without writing code?

We make mouzeclick, so treat this section as ours. Three mouzeclick tools build counters from settings fields instead of code:

• mouzeexpr's Countdown/clock and Number format
• mouzesaas's Counter
• on Windows, the Number counter in the workspace's Motion lab

mouzeexpr: Countdown/clock and Number format (Windows and Mac)

mouzeexpr is an After Effects extension with 24 ready expressions in five groups, each with its own settings. Two of them suit counters: Countdown/clock and Number format. Every expression has four actions: Apply, Update, Remove and Bake to keyframes.

1. In the mouzeclick app, open the Tool wheel page and press Install After Effects bridge. Restart After Effects.
2. Open Window › Extensions and pick mouzeexpr.
3. Pick Number format or Countdown/clock, then fill in its settings.
4. Press Apply.
5. To change a setting later, edit it and press Update. Remove takes the expression off.
6. If you'd rather have plain keyframes than a live expression, for example to retime the count by hand, press Bake to keyframes.

Every mouzeexpr item is listed in the mouzeexpr feature page. Our After Effects expressions library guide sets mouzeexpr's 24 beside the Library's 25 recommended expressions and the ones in Type studio.

mouzesaas: Counter (Windows and Mac)

mouzesaas is a SaaS animation kit. It has app screens and device frames, a clicking cursor, bar, line and donut charts, eases and backdrops, in five palettes: Indigo, Ocean, Sunset, Mint and Graphite. Its Counter takes a prefix, a suffix, decimals and separators, so a figure like $12,400 is set up in fields rather than written as code. Reach for it when the number sits next to a chart or an app screen in a product promo. Everything in the kit is on the mouzesaas feature page. For whole product screens, see the 81 animated UI templates in the Windows workspace.

Number counter in the workspace (Windows only)

The mouzeclick workspace for After Effects has a Number counter in Motion lab. It sits next to Comp resizer, Highlighter, the SRT importer and Mark audio beats. Open it from Window › Extensions › mouzeclick workspace. The workspaces are part of mouzeclick on Windows. The Mac app does not include them. The workspace atlas maps every section.

All 22 extensions, mouzeexpr and mouzesaas among them, have a card each on the extensions page.

Why is my After Effects counter not working?

Most counter problems come down to rounding, formatting or timing, not the expression engine. Match the symptom to the check below.

• It stops short of the target or runs past it. Hold progress between 0 and 1. Also check that the layer is long enough to show the final number after the count ends.
• It shows long decimals such as 0.30000000000000004. Computers store decimal fractions in binary, so some values are never exact. Round as the last maths step, right before formatting.
• A comma lands in the wrong place, as in −,250,000. The minus sign was counted as a digit. Group the digits without it, then add it back.
• You see 5.5 when you want 5.50. Pad the decimals to a fixed number of places.
• The text shifts sideways as it counts. Right-align the layer and use a font with tabular figures.
• The countdown shows 1:5. Pad the seconds to two digits.
• The countdown jumps to 9 at once. You rounded down. Round up if you want it to start on the full number.
• mouzeexpr or mouzesaas is missing from Window › Extensions. Press Install After Effects bridge on the app's Tool wheel page, restart After Effects and keep mouzeclick running while you work. The plugin, script and extension guide explains other reasons a panel goes missing.
• There is no workspace on your Mac. That is expected. The workspaces, and the Number counter inside them, are Windows only. mouzeexpr and mouzesaas run on both systems.

Can I put counter tools on a mouse button or wheel?

Yes. mouzerun makes your own one-click buttons from five kinds of action: a script, an expression, an animation preset, a menu command or a keyframe ease. A counter expression you've written yourself can sit one click away, and you can export and import the buttons. See the mouzerun feature page.

The mouzeclick mouse app runs on Windows and Mac. It puts shortcuts, macros and gestures on any mouse, per app.

• The Options wheel (F8) holds 48 favourites per app on three rings of 12, 16 and 20.
• The After Effects Tool wheel holds 114 tools in 13 groups. Open it with F10 or a held right button.
• An After Effects profile can give Mouse 4 one job in After Effects and a different job everywhere else.

What do you need, and what does it cost?

You need After Effects itself, plus mouzeclick if you want the no-code counters. Adobe's prices below were checked on 3 November 2026.

The mouzeclick plan includes every After Effects extension, so mouzeexpr and mouzesaas are both in it. On Windows it also includes both workspaces. During the 3-day trial, every Premiere Pro and After Effects tool works fully. mouzeclick publishes no minimum After Effects version, so try it in your own version during the trial.

On a Mac, installing takes four steps, covered in the Mac install guide. Plans and keys are in the pricing section.

Questions people ask

Sources

Checked on 2026-11-03. Prices and features change: each link goes to the maker's own page.

1. Adobe After Effects product page (single-app price, what it is; checked 3 Nov 2026)
2. Adobe Creative Cloud plans, India (After Effects ₹733.96/mo incl. GST; checked 3 Nov 2026)
3. Adobe After Effects free trial (platforms, refund window, Creative Cloud membership)
4. Adobe After Effects expression language reference

Keep reading