Rescroll

Free timeline animation maker

Type your dates and what happened, and watch the line draw to each milestone in turn. Download it as a 1080p MP4, across the frame or down it. Free, no sign-up, no watermark.

How it works

How to make a timeline animation.

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

  1. 1

    Add your milestones

    Fill in 2 to 8 rows: a date or short label of up to 16 characters, and what happened in up to 60. Add a heading over the timeline, or leave it empty.

  2. 2

    Choose the design

    Let Direction run the line down a tall frame and across a wide one, or pick one yourself. Show each milestone as text or on a card, with dots or numbers, and set the line color.

  3. 3

    Set the pace and the look

    Give each milestone 0.6 to 3 seconds and the finished timeline up to 5 seconds of rest. Then pick one of six looks, or your own text and background colors.

  4. 4

    Download the MP4

    Press Download. The video 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.

When a timeline animation isn’t enough

The free timeline animation is the starting point.

Here you get a clean timeline on a background. In Rescroll you describe the graphic you want in plain English, “walk through our five years as I tell the story, each year landing as I say it, in our brand colors”, and it's designed from scratch on your own video. Attach your logo, fonts or a screenshot and it matches them, and you change anything by asking in the chat.

Free timeline animation

Rescroll

One timeline design, 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

Milestones arrive at a steady pace

Each milestone lands on the exact word you say

Change it with the settings here

Change anything by asking in the chat

Part of the Pro, Ultimate and Scale plans.

Travel plans. A departures board flips in each city.
Revenue chart. A flat year, then the spike, on “this”.

Both built in Rescroll from a description.

The basics

What is a timeline animation?

A timeline animation is a short video in which milestones appear one after another along a line, each with a date and a line about what happened. It turns a history, a career, a project or a story into something a viewer can follow at a glance.

This maker draws the line out first, then sends a bright point along it. As the point reaches each milestone the dot pops, the date and title rise in, and that milestone stays highlighted while the earlier ones dim. At the end everything lights up together and rests, so the last frame works as a still.

Keep each title to a few words. A timeline reads best when every milestone can be taken in before the next one arrives, and short titles let the text stay large. If you need more time per milestone, raise Time per milestone instead of adding words.

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
Milestones
2 to 8, each a date or label of up to 16 characters and a title of up to 60
Timing
0.6 to 3 seconds per milestone, plus up to 5 seconds resting at the end
Layouts
Across or down the frame, as text or cards, with dots or numbered markers
Colors
Six looks, or any line, text and background color
Overlay
Green background for chroma key, or black for a Screen blend
Where it runs
In your browser. Nothing is uploaded.

In your editor

Put the timeline animation on your video.

An MP4 has no transparent background, so the timeline animation comes ready to key. Set the background to green and remove it with chroma key, or to black and use a Screen blend.

How to add a timeline animation in CapCut

Download the timeline 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. If you made it on black instead, set the clip's blend mode to Screen.

How to add a timeline animation in Premiere Pro

Put the timeline 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. For a version on black, skip the key: in Effect Controls, set Opacity → Blend Mode to Screen.

How to add a timeline animation in DaVinci Resolve

Place the timeline 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. For a version on black, set Composite Mode to Screen in the Inspector instead.

How to add a timeline animation in Final Cut Pro

Connect the timeline 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. For a version on black, set Blend Mode to Screen in the Video inspector.

Questions

Timeline animation: your questions, answered.

How do I make a timeline animation?

In the timeline animation maker at the top of this page, type a date and a title for each milestone, choose a shape and a look, and press Download. You get a 1080p MP4 made in your browser, with no sign-up and no watermark.

Is there a timeline animation template I can edit?

This page works like one. It opens on a finished timeline of five milestones from 2018 to 2026: replace the dates and titles with your own, add or remove rows, and download. There's no file to install and nothing to open in other software.

How many milestones can the timeline have?

From 2 to 8. Each one has a date or label of up to 16 characters and a title of up to 60. Every title is set at the same size, the largest at which they all fit.

Can the timeline go across the screen or down it?

Both. On Auto, it runs down a 9:16 or 4:5 frame and across a 16:9 one; a square frame goes across for up to 4 milestones and down for more. Set Direction to Across or Down to choose yourself.

What happens if a title is long?

It wraps onto more lines, and all the titles get a little smaller if that's what it takes to fit. Across the frame, the labels take turns above and below the line when there are too many to sit side by side, which gives each one more room.

Can I use labels instead of dates?

Yes. The first column is any short text: a year, a month, Q1, Phase 2, Day 1 or Week 4. Leave it empty and the milestone shows only its title.

How long is the timeline video?

It depends on how many milestones there are. Each gets 0.6 to 3 seconds, with a short lead-in before the first, and the finished timeline rests for up to 5 more. Five milestones at 0.8 seconds each make a clip of about 7 seconds.

Can I number the milestones?

Yes. Set Markers to Numbers and each dot becomes a numbered circle, 1 for the first milestone and so on. It suits steps and phases more than dates.

Can I change the color of the line?

Yes. Line color under Design sets the line, the markers and the dates. Leave it alone and they follow the look you chose, which on the colorful looks is a gradient from the first milestone to the last.

Can I stop the earlier milestones from dimming?

Yes. Turn off “Highlight the newest milestone” and every milestone stays at full strength once it appears, with no ring around the newest one.

Is the timeline 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 timeline animation with a transparent background?

MP4 can't store transparency, so the timeline animation comes ready to key instead. Set the background to green and remove it with chroma key in your editor. If the graphic is light, you can also set the background to black and use the Screen blend mode. Either way only the timeline animation is left over your footage.

Is my video uploaded anywhere?

No. The timeline 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 timeline 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.

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