Ambient Glow

An ambient gradient loop that breathes

Pink and orange light drifts and breathes across the whole frame while a soft glowing block pulses at the centre. One mono caption. Eight seconds, minimal, and it loops without a seam.

8s
duration
4
aspect ratios
6
controls
720p
free, no watermark

Motion Background · 8s · 9:16

Gradient · Ambient · Glow · Loop

The quietest thing in the gallery, on purpose

This is a background in the strict sense: there is nothing in it that competes for attention. A shader drifts two warm lights across the frame on a slow cycle, a stack of three soft circles at the centre breathes in and out, and a single line of mono type sits at the bottom. That is the whole composition, and it is why it works behind a headline, a logo or a talking head.

The two light colours and the drift speed are controls, as is the glow size. Turn drift down to 0.8 and it is almost still — the kind of thing you can leave running behind text without anyone reading it as motion. Turn it up to 5 and it becomes a lava-lamp clip in its own right.

8 seconds, three beats

What is on screen, and when. Every element named here is a layer in the document — you can click any of them on the canvas and change it.

Ambient Glow template at 1.4s — The lights spread

Beat 1 · 1.4s

The lights spread

The warm and cool lights have opened across the frame and the centre glow is building, with the caption fading up at the bottom.

Ambient Glow template at 2.4s — Full breath

Beat 2 · 2.4s

Full breath

The glow block is at the top of its pulse with the gradient at its widest spread — the frame that reads best as a still.

Ambient Glow template at 6.9s — Returning to the start

Beat 3 · 6.9s

Returning to the start

The frozen opening frame is fading in over the live one, taking the loop back to where it began.

Three steps to an ambient loop

  1. 01

    Pick the warm and cool lights

    Two colour controls set the entire palette. They mix continuously as the shader drifts, so the loop passes through every blend between them.

  2. 02

    Set drift and glow size

    Drift speed runs 0.8–5 and glow size 0.6–1.4. Low and small for a background behind copy, high and large for a standalone clip.

  3. 03

    Caption it and export

    Rewrite the caption or clear it, then export 16:9 for a site hero, 9:16 for a story or 1:1 for a looping grid post.

Slow enough to read over

Built to sit behind type

The drift cycle is long and the centre of the frame stays uniform, which is exactly what a background needs and what most stock loops get wrong. Put a headline on top and nothing crosses behind it fast enough to make the copy hard to read.

Seamless

Eight seconds that close

A frozen copy of the opening frame crossfades in across the last stretch of the clip, so the end and the start are identical. It tiles cleanly for as long as you need it to.

Two colours, endless variations

The palette is completely yours

Because the gradient is computed rather than sampled from an image, changing the two light colours changes every blend in the loop coherently. A brand-blue-and-teal version looks as intentional as the pink and orange it ships with.

What you can change

Six controls. Everything else in the frame is the shader and the three-layer glow stack at the centre.

  • Click any element on the canvas to edit it directly
  • Or describe the change in a sentence and let the assistant make it
  • Export 9:16, 16:9, 1:1, 4:5 from the same document

Studio controls

6 named

  • CaptionTextAMBIENT · GRADIENT · LOOP
  • Warm lightColour#FB923C
  • Cool lightColour#F472B6
  • Glow sizeSlider 0.6–1.41
  • Drift speedSlider 0.8–52.4
  • SpeedSlider 0.5–21

Why not a still gradient

A static gradient behind a hero is fine, and completely invisible. Eight seconds of slow drift is the smallest amount of motion that makes a page feel alive without making it feel busy — and since this exports as a video file, you get that without shipping a shader to every visitor's browser or costing them a frame of scroll performance.

Ambient Glow: questions, answered

Is the ambient gradient template free?+

Free to open and edit, with 3 free 720p exports a day with no watermark. 1080p is a paid export.

What aspect ratios can I export?+

9:16, 16:9, 1:1 and 4:5. Because the composition has no hard edges, all four work equally well — pick whichever the destination needs.

Can I change the colours?+

Two colour controls set the warm and cool lights, and the glow size and drift speed sliders change how they move. Those four controls cover essentially every version of this clip.

Do I need After Effects?+

No. There is nothing to install — the gradient is a shader computed in your browser and exported as an MP4.

How long is the clip?+

Eight seconds, authored as a seamless loop. It plays end to end indefinitely with no visible join.

More gradient & particle backgrounds

All backgrounds

Give your headline something to sit on.

Pick two colours, set the drift and export a calm eight-second loop.