Rescroll

Free gradient background video maker

Soft fields of color that drift through each other and loop without a jump, as a 1080p MP4. It opens on violet, pink and orange; pick any colors you like. Free, no sign-up, no watermark.

The basics

What is a gradient background video?

A gradient background video is a clip of colors blending into one another and slowly moving: the animated version of a gradient wallpaper. It's a common backdrop for titles, quotes, product shots and lyric videos because it moves without competing with the words on top.

This one opens on violet (#7C3AED), orange (#FB923C) and pink (#DB2777) on a deep plum base (#0C0414), 10 seconds long and looping. Detail sets how many fields of color there are; Glow sets how brightly the highlight blooms through them.

To keep text readable on top, leave Vignette on, which darkens the edges, and set the text over the darker part of the frame. For a calmer picture, lower Speed or Detail.

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
Length
5 to 30 seconds, looping or not
Styles
Gradient, aurora, particles, perspective grid, bokeh or waves
Motion
Speed from 0.25× to 2×, with an optional 1-second fade in and out
Colors
11 color sets, or any three colors on any background color
Where it runs
In your browser. Nothing is uploaded.

How it works

How to make a gradient background video.

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

  1. 1

    Pick a style

    Gradient, Aurora, Particles, Grid, Bokeh or Waves. Detail sets how much there is of it, Glow how much light it gives off.

  2. 2

    Choose the colors

    Tap one of 11 color sets, or set Main, Highlight and Shadow yourself and the darkest tone with Background under Look.

  3. 3

    Set the motion

    Choose the speed and a length from 5 to 30 seconds. Leave Loop on for a clip that repeats without a jump, and turn on Fade in and out if it opens or closes your video.

  4. 4

    Download the MP4

    Press Download. The background is rendered in your browser at 1080p and saved to your device, with no account and no watermark.

More versions

Make a different one.

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

Animated background

A looping motion background in six styles, from a slow blue gradient to particles, a perspective grid and bokeh.

Particles background

Cyan, blue and violet motes of light rising through a dark space at three depths, soft and out of focus up close.

When an animated background isn’t enough

The free animated background is the starting point.

Here you get a looping background in your colors. In Rescroll you describe the graphic you actually want, for example “a slow navy gradient behind me, then my three tips appear beside me as I say them”, and it's designed from scratch on your own video, placed around you and timed to the exact word you say. Attach your logo or a screenshot of your brand and it matches them. Want a change? Ask for it in the chat.

Free animated background

Rescroll

A looping background in six styles

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

A clip you put behind your footage yourself

Built on your own video, placed around you

You line it up in your editor

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

Your site, live. Scrolls and zooms to pricing on cue.
Sponsor read. Brand, code and sticker, on the words.

Both built in Rescroll from a description.

Questions

Gradient background video: your questions, answered.

How do I make an animated gradient background?

This page opens on one: violet, pink and orange drifting on a dark base. Press Download for a 1080p MP4 that loops, or change the colors, the speed and the length first.

Can I make a gradient background MP4 in my own colors?

Yes. Set Main, Highlight and Shadow under Colors, and the darkest tone with Background under Look. Each takes any color, typed as a hex code or picked. Or tap one of the color sets to start from it.

How do I make a two-color gradient?

Set Main and Shadow to one color and Highlight to the other. The picture then blends between those two over the Background color.

How do I make the gradient loop without a jump?

Leave Loop on. Every drift then makes whole turns over the clip, so the last frame leads straight back into the first. Set your editor or player to repeat the clip for as long as you need.

Is the animated background 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.

Is my video uploaded anywhere?

No. The animated background 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 animated background 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.

Map route animation

A route between any two of 1,208 cities on a world map, with a plane, car, train or ship traveling it and the distance shown.

Arrow animation

A hand-drawn red arrow that sweeps in, flicks its head and taps at the spot, with a handwritten label.

Confetti overlay

Rainbow confetti fired from two cannons in the bottom corners, tumbling as it falls, on black.

Fireworks overlay

Ten multicolor bursts on pure black, rising, opening and sparkling out over an 8-second loop. Ready for a Screen blend.

Money rain

Banknotes and gold coins falling at different depths, notes fluttering and coins spinning. Any currency sign, any note color.

Snow overlay

Soft falling snow in four depths on pure black, with the nearest flakes out of focus. Loops, ready for a Screen blend.

Keep reading

Where to go next.

Animated background

Back to the animated background 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