Flowfiles ← Video Overlay

Add a GIF to a Video Online

Drop a video, drop a GIF, place it, export — Free, No Upload, No Watermark

Adding an animated GIF on top of a video used to mean opening a desktop editor, importing two files, lining up layers and waiting on a long export. This page shows how to do the whole thing in a browser tab: load your clip, add a GIF, decide where and when it shows, and download the finished video — with nothing uploaded and no watermark stamped on top.

Overlay any animated GIF on your video and export it locally — no account, no upload, no watermark.

Open the Video Overlay tool →

What "adding a GIF to a video" actually means

A GIF is a short, looping animation with a fixed set of frames. "Adding" one to a video means compositing it as a second layer above the footage so both play at once — the video underneath, the GIF on top. The tool reads both files locally, draws the video frame, then draws the GIF's current frame over it, and records the combined result. Because the GIF is treated as a live, animating image, its motion is captured frame by frame and baked permanently into the exported clip.

Step by step

1. Load the base video. Drop an MP4, WebM or MOV onto the page. It stays on your device — the tool never sends it anywhere.

2. Add the GIF. Use the overlay slot to pick your animated GIF. A preview immediately shows it sitting on the footage so you can judge the placement.

3. Position and size it. Snap the GIF to a corner, an edge or the center with a margin, or place it freely with custom X/Y percentages. Size is set as a percentage of the video, so it scales correctly whatever the resolution.

4. Set the timing. Keep the GIF on for the whole video, or have it appear and disappear between two seconds for a timed reaction.

5. Render and download. The tool re-encodes the video with the GIF burned in and the file downloads automatically.

Good reasons to add a GIF

A reaction GIF in the corner adds personality to a talking-head clip. A looping arrow or "tap here" animation guides viewers in a tutorial. A branded sticker GIF reinforces identity across a series. Meme creators drop a familiar animation onto raw footage in seconds. Because the overlay layer keeps the GIF's transparency, only its visible pixels cover the video — the rest of the frame shows through cleanly.

Why a browser tool beats a heavy editor here

For a single GIF over a clip, a full editor is overkill: install, import, layer, render, export. Doing it locally in the browser skips all of that and keeps your media private — useful for personal videos you would rather not push to an unknown server. The trade-off is that the export records in real time, so a one-minute video takes about a minute; turning audio off and using 2× speed makes it quicker.

Frequently asked questions

Does the GIF keep looping in the result?

Yes. An animated GIF loops on its own, and that motion is captured for as long as the overlay is visible — the whole video by default, or just the window you set.

Can I make the GIF semi-transparent?

Yes. The opacity slider goes from 5% to 100%, so you can fade the GIF into the footage or keep it fully solid.

What video formats can I load?

Anything your browser can play — typically MP4, WebM and MOV. The output is WebM, or MP4 when your browser supports MP4 recording.

Is my video uploaded?

No. Both the video and the GIF are read locally with blob URLs and composited in your browser. Nothing leaves your device.

Related pages