Rescroll

Free clock animation maker

Set a start time and an end time and the clock races between them like a time-lapse: an analog dial, a digital readout or a flip clock. Download it as a 1080p MP4. Free, no sign-up, no watermark.

How it works

How to make a clock animation.

Four steps, about a minute, and nothing to install.

  1. 1

    Set the times

    Pick a start time and an end time, any minute of the day. An end earlier than the start runs on past midnight. Choose how long the time-lapse takes, from 1 to 20 seconds, and how it eases.

  2. 2

    Choose a clock

    Analog for a dial with sweeping hands, Digital for rolling digits and a blinking colon, Flip for split-flap cards. Set the numbers on the dial, the second hand, 12- or 24-hour time and the face color.

  3. 3

    Add a label and a look

    Type a label such as “3 hours later” and choose whether it arrives as the clock lands. Then pick one of six looks or your own colors, a typeface, and the frame shape.

  4. 4

    Download the MP4

    Press Download. The clip is rendered in your browser at 1080p and saved to your device, usually in a few seconds. No account, no watermark.

Ready-made versions

Start from the one you came for.

Each one opens its own maker with the settings filled in. Change anything, then download.

Flip clock video

Split-flap cards in white on black, flipping from 11:50 PM to midnight, the hours stacked over the minutes in a tall frame.

Digital clock video

Mint digits in a monospaced face, rolling overnight from 10:30 PM to 6:45 AM, then “The next morning”.

When a clock animation isn’t enough

The free clock animation is the starting point.

Here you get one clock on a background. In Rescroll you describe the graphic you actually want, such as “a clock in the corner that races from 9 to 5 as I say ‘and that was the whole workday’, then a card with what I got done”, and it's designed from scratch on your own video. Attach your logo or a screenshot and it matches them. Not right yet? Ask for the change in the chat.

Free clock animation

Rescroll

One clock, in your colors

Any design you can describe, matched to your logo, fonts or a screenshot

A clip you overlay and key out yourself

Built on your own video, placed around you

You line it up in your editor

Starts on the exact word you say

Change it with the settings here

Change anything by asking in the chat

Make it yours in RescrollSee AI motion graphics

Part of the Pro, Ultimate and Scale plans.

Travel plans. A departures board flips in each city.
Payout reveal. The number rolls as he says it.

Both built in Rescroll from a description.

The basics

What is a clock animation?

A clock animation is a short clip of a clock showing time passing: the hands sweep round or the digits tick over, from one time to another, in a few seconds. Editors use it as a time-lapse between two scenes, to say “three hours later” without showing the three hours.

This maker runs a clock from any start time to any end time over 1 to 20 seconds. It speeds up, races, and slows to a stop on the end time, then rests there while the second hand ticks on. Choose an analog dial with 1 to 12, just 12, 3, 6 and 9, or no numbers at all; a digital clock whose digits roll over; or a split-flap flip clock.

For a clock animation on a green screen, set the background to green in the Look panel. The dial and the flip cards keep their own color, so only the clock is left once the green is keyed out. An end time earlier than the start runs on past midnight, so 10 PM to 6 AM works as an overnight time-lapse.

What you download

Price
Free. No sign-up, no email, no watermark.
Format
MP4 (H.264), no audio
Resolution
1080p: 1080×1920, 1920×1080, 1080×1080 or 1080×1350
Frame rate
30 or 60 fps
Times
Any start and end time, up to 24 hours apart, through midnight
Length
1 to 20 seconds of time-lapse, plus 0.5 to 5 seconds resting on the end time
Styles
Analog dial, digital readout or split-flap flip clock, 12- or 24-hour
Colors
Six looks, or any hand and digit color, face color and background color
Overlay
Green background for chroma key
Where it runs
In your browser. Nothing is uploaded.

In your editor

Put the clock animation on your video.

An MP4 has no transparent background, so the clock animation comes ready to key. Set the background to green and remove it with chroma key.

How to add a clock animation in CapCut

Download the clock animation on a green background. In CapCut, drag it onto the track above your video so it sits on top as an overlay. Select it, open Video → Remove BG → Chroma key, pick the green with the color picker and raise Strength until the background is gone. Menu names move a little between CapCut versions; look for Chroma key.

How to add a clock animation in Premiere Pro

Put the clock animation on a video track above your footage. From the Effects panel, drag Ultra Key onto it and click the Key Color eyedropper on the green.

How to add a clock animation in DaVinci Resolve

Place the clock animation on the track above your footage. On the Edit page, open Effects → Open FX, find 3D Keyer under Resolve FX Key and drag it onto the clip, then sample the green in the viewer with the Open FX overlay switched on.

How to add a clock animation in Final Cut Pro

Connect the clock animation above your footage in the timeline. From the Effects browser, drag the Keyer effect onto it; it finds and removes the green by itself.

Questions

Clock animation: your questions, answered.

How do I make a clock animation?

In the clock animation maker at the top of this page, set a start time and an end time, choose Analog, Digital or Flip, add a label if you like and press Download. You get a 1080p MP4 made in your browser, with no sign-up and no watermark.

How do I show time passing in a video?

Cut to a clock animation. Set the clock to run from the time one scene ends to the time the next begins, 9:00 AM to 5:00 PM for example, add a label such as “8 hours later”, and put the clip between the two scenes or over the start of the second.

Can I make a clock animation for a green screen?

Yes. Set the background to green in the Look panel. The dial or the flip cards keep their own color, and on green the clock appears by growing, flipping or rising rather than fading, so there are no see-through edges for chroma key to struggle with.

Can the clock run past midnight?

Yes. Set an end time earlier than the start, 10 PM to 6 AM say, and the clock runs forward through midnight. If the start and end times are the same, it runs a full 24 hours.

How long can the clock animation be?

The time-lapse runs for 1 to 20 seconds, and the clock then rests on the end time for 0.5 to 5 seconds. The times themselves can be any minute of the day, up to 24 hours apart.

What do the paces do?

Ease both speeds up from the start time, races, and slows to a stop on the end time. Slow down starts at full speed and only lands gently. Steady runs at one speed throughout, which suits a clock that stands for real time passing.

Does the second hand keep ticking at the end?

Yes. While the clock races, the second hand is a blur. Once it lands on the end time it ticks once a second for as long as the clip rests there.

Can I hide the second hand or the numbers on the dial?

Yes. Turn off Second hand, and set Numbers on the dial to 1 to 12, to 12, 3, 6 and 9 only, or to None for a plain dial of ticks.

Can I add text like “3 hours later”?

Yes. The label takes up to 28 characters and sits under the clock. It can rise in as the clock lands, which suits “3 hours later”, or be there from the start.

Can I make a 24-hour clock?

Yes, with the digital and flip clocks: set Hours to 24-hour and they read 19:10 instead of 7:10 PM. The analog dial always has twelve hours.

Does the clock animation have a ticking sound?

No. The MP4 is video only, so it's silent. Add a tick, an alarm or music in your editor.

Is the clock animation maker free?

Yes. It's free to use and free to download, with no account, no email address and no watermark on the video. There's no limit on how many you make.

What format and resolution is the video?

An MP4 with H.264 video, at 1080p in the shape you choose: 1080×1920 (9:16) for TikTok, Reels and Shorts, 1920×1080 (16:9) for YouTube, 1080×1080 (1:1), or 1080×1350 (4:5) for the Instagram feed. You can export at 30 or 60 frames per second.

Can I get the clock animation with a transparent background?

MP4 can't store transparency, so the clock animation comes ready to key instead. Set the background to green and remove it with chroma key in your editor. Only the clock animation is left over your footage.

Is my video uploaded anywhere?

No. The clock animation is drawn and encoded on your own device, using your browser's built-in video encoder. Nothing is sent to a server and there's no render queue.

Which browsers does it work in?

It needs a browser that can encode video with the WebCodecs API: current versions of Chrome, Edge and Safari, and Firefox on a computer. If your browser can't, the page tells you before you start.

Can I use the clock animation in client work, ads or monetized videos?

Yes. The video you download is yours to use in personal and commercial projects, with no attribution needed.

Can I match my brand, add my logo or change the design?

Not in the free maker, which is deliberately simple. That's what Rescroll's AI motion graphics are for: describe the graphic you want in plain English, attach your logo, fonts or a screenshot of your style, and it's designed from scratch on your own video, placed around you and timed to the word you say. Ask for any change in the chat. It's part of the Pro, Ultimate and Scale plans.

More free tools

Other graphics you can make here.

All free, all made in your browser, all without a watermark. See every free tool.

Number counter

Any two numbers, counting up or down, with a prefix, suffix and label of your own.

Timer video

A countdown from any time up to 60 minutes, with a ring or a bar that empties as it runs out.

Progress bar

A bar, a ring or a row of blocks filling to any percentage, with the number counting beside it.

Calendar animation

A desk calendar flipping from Friday the 13th to Monday the 16th, then “3 days later” as the last page lands.

Film countdown

The black-and-white film leader: 5 down to 1 inside two circles and a crosshair, with a clock wipe sweeping round each number.

Lower third

A name and a title in five animated styles: a bar, a line, a card, a name tag or an @handle pill, placed along the bottom of the frame.

Keep reading

Where to go next.

AI motion graphics

Counters, charts, app screens and maps designed from a description, on your own video and timed to your words.

AI video editor

The whole edit from a sentence: silences and bad takes cut, captions, color, zooms and graphics.

Rescroll vs After Effects

When to keyframe a graphic yourself, and when to describe it instead.

Rescroll vs CapCut

Preset text animations against graphics designed for each moment. Often used together.

Your next video,
edited like the top 1%.

Drop it in. Say what should appear. Read the plan, press Build, and export the finished video — no After Effects, no editor, no template.

Make your first graphic

Part of Pro, Ultimate and Scale · Export is free · Failed builds are refunded