Streaks & records

24-hour countdown

← Back to the animations
Format (important)
Preview doesn't change the file

You'll download 1920×1080, 3.5 s, with no background (.mov).

24-Hour Countdown Timer Overlay

The clock running DOWN to zero, which is not the same as the challenge clock: one tells you what time it is, the other tells you how long is left, and only the second one builds tension. The seconds run at real speed even when the hours are compressed — a counter with a frozen last digit reads as a graphic; one that ticks reads as live. The color is driven by what's LEFT: calm, amber under a quarter, red under a tenth, where it also starts to pulse. At zero it stops dead and stamps the card instead of running negative.

  • 16:9
  • 9:16
  • 1:1
  • Transparent background
  • Full HD
  • 18 editable fields

What you can change

  • Starts at
  • Challenge hours per second of video
  • Label
  • Challenge name
  • Card at zero
  • Style
  • Show the seconds
  • Show how much is left
  • Position
  • Starts on frame
  • Color while there's time
  • Color under a quarter
  • Color under a tenth
  • Size

Plus the typeface and an optional letter outline, in every template.

24-Hour Countdown Timer Overlay: a frame of the animation
A frame of the animation with its sample text. Scroll up to edit it live.

How to use it in your editor

Export it without background and put it on a track above your clip: the animation plays over your video.

  • CapCut

    1. Export «without background»: you get a .mov with transparency.
    2. On desktop, drag it to a track above your clip. On the phone, use Overlay → Add overlay.
    3. If your app shows a black background, export «with your clip» instead and import the MP4 as your video.
  • Premiere Pro

    1. File → Import the .mov.
    2. Drag it to V2, above your footage on V1.
    3. The transparency is kept: move, scale or trim it like any clip.
  • DaVinci Resolve

    1. Import the .mov into the Media Pool.
    2. Place it on Video 2, above your clip.
    3. If you see black instead of your clip: right-click → Clip Attributes → Alpha Mode: Premultiplied.
  • Final Cut Pro

    1. Import the .mov.
    2. Connect it above the primary storyline (shortcut Q).
    3. Final Cut reads the transparency on its own.

Questions

Do I need After Effects or a plugin?
No. You edit «24-hour countdown» right here in your browser: type your text, choose colors and format, watch the live preview and export a video file that works in any editor.
What file do I get?
Either a ProRes 4444 .mov with a transparent background, to place over your footage, or an MP4 with your own clip behind it. In 1920×1080 (16:9), 1080×1920 (9:16) or 1080×1080 (1:1); 2× (4K) is optional and costs double credits.
Is it free?
Editing and previewing are free and need no account. To export you sign in with Google; during the open beta, new accounts get export credits at no cost.