Backgrounds template

Moving mesh gradient animation

Four colors drifting into each other as a soft animated background that loops. A ready-made backgrounds animation: change the content, pick the style and motion, then export a video for TikTok, Reels, Shorts or YouTube.

Put it on a gradient, a color, your own image or a transparent background. With the example text it plays for about 8 seconds; longer text gets more time.

Good for: animated background, gradient background, moving gradient, mesh gradient, loop.

Open in the editor, freeFree · No signup · Runs in your browser

Animated backgrounds

Moving mesh gradient animation template preview

What you can customise

Colors

Color 1
Color 2
Color 3
Color 4
Base

Motion

Loop length
Pattern size

Your brand

Your logo (PNG, transparent works best)
Your name or @handle
Show badge
Badge position
Badge look
Badge size
Background photo (card sits on it)
Background padding

How to make it

Open the template. It opens in the free editor in your browser, already animated.
Make it yours. Edit color 1, color 2, color 3 in the Content tab. The preview updates as you type.
Pick the format. Choose 9:16 for TikTok, Reels and Shorts, or 16:9 for YouTube, and set the background.
Export. Save an MP4 to post, a transparent MOV for Premiere Pro, Final Cut or DaVinci Resolve, a WebM for CapCut, or a PNG still.

Export formats

MP4, 720p or 1080p, 30 or 60 fps
MOV (ProRes 4444) with transparency
WebM with transparency (CapCut)
PNG image

Questions

Is the Moving mesh gradient template free?

Yes. It's one of gizzMotion's 402 free templates: no account, no watermark and unlimited exports in MP4, MOV, WebM and PNG.

How long is the Moving mesh gradient animation?

About 8 seconds with the example text. Longer text gets more time so it stays readable.

Do I need After Effects or an account to use it?

No. It runs in your web browser with nothing to install and no signup. Your text, images and the exported video are made on your own device and are never uploaded.