Rescroll

Free roadmap animation maker

Show a plan quarter by quarter: each phase arrives on its own card as the line reaches it. Edit the phases, then download a 1080p MP4. Free, no sign-up, no watermark.

The basics

What is a roadmap animation?

A roadmap animation is a short video that shows the stages of a plan, such as quarters, phases or releases, appearing in order along a line. It's a common way to close a product update, a pitch or a team video with what comes next.

This page opens on a 2027 roadmap with four phases, Q1 to Q4, each on its own card with a numbered marker. The line reaches a new card every second, and the current phase is outlined while the ones before it dim.

Labels don't have to be quarters. Use Phase 1, Now, Next and Later, or month names: the label column takes up to 16 characters. In a wide frame the cards run across the screen and take turns above and below the line when there are too many to fit side by side.

To put it on your video, see how to add a timeline animation in CapCut, Premiere Pro, DaVinci Resolve and Final Cut Pro.

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
Where it runs
In your browser. Nothing is uploaded.

How it works

How to make a roadmap 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.

More versions

Make a different one.

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

Timeline animation

Five milestones from 2018 to 2026, each dot popping as the line reaches it and its date and title rising in.

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

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.
Revenue chart. A flat year, then the spike, on “this”.

Both built in Rescroll from a description.

Questions

Roadmap animation: your questions, answered.

How do I make a roadmap animation?

This page opens on one: four quarters as numbered cards. Replace the labels and the text of each phase, add or remove phases, then press Download for a 1080p MP4.

Can I use phases instead of quarters?

Yes. The first column is any short label up to 16 characters, so Phase 1, Now, Next, Later or March 2027 all work. Leave it empty and the card shows only its text.

How many phases can a roadmap have?

Between 2 and 8. Every card is the same size, and the text gets a little smaller only if that's what it takes to fit them all in the frame.

Can the roadmap run across the screen instead of down?

Yes. Set Direction to Across, or choose the 16:9 shape and leave Direction on Auto. When the cards are too many to sit side by side they take turns above and below the line.

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. 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.

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.

More free tools

Other graphics you can make here.

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

Bar chart animation

Six months of revenue as rising bars, each value counting up as its bar grows. Type your own labels and numbers for 2 to 8 bars.

Pie chart

Two to eight slices sweeping in one after another, with a legend that counts up each percentage. A pie or a donut.

Line graph animation

A line drawing itself through eight months of visitors, with a soft fill underneath and a chip that counts up to 8,100.

Bar chart race

Eight made-up note apps racing from 2020 to 2025: bars overtaking each other, values counting, the year rolling over.

Checklist animation

Five steps ticked off one by one: each circle fills, the check strokes in, the item dims and a count runs up beside the title.

Ranking list

Up to ten places in a numbered list that fills in one at a time, counting down to number one or up from it.

Keep reading

Where to go next.

Timeline animation

Back to the timeline animation maker, with everything it can do.

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