Where to use a waving flag animation
- Intro clips for YouTube videos and streams.
- Fictional nation lore for games and Discord servers.
- Classroom presentations about flags and countries.
How to make an animated waving flag
- Design or load your flag. You can paste a share link from any other page on this site to bring your design here.
- Tune the motion. Wave height sets how deep the folds are; Speed sets how fast they travel. Gentle values (height 8–12, speed 0.8–1.2) look like a calm breeze.
- Download GIF for a looping file that plays everywhere, or Record 4s video for a smoother WebM clip.
The whole animation is rendered and encoded inside your browser with our own GIF encoder. No upload, no queue, no watermark.
GIF vs WebM: which format to choose
| GIF | WebM video | |
|---|---|---|
| Plays in | Everything: Discord, Slack, Google Slides, PowerPoint, email, websites | Browsers, OBS, video editors, YouTube uploads |
| Colors | Up to 256 colors (flat flags look perfect) | Millions of colors |
| File size | About 0.2–2 MB for a 480px loop | Smaller for the same length |
| Recording | All browsers, including Safari | Chrome, Edge, Firefox (Safari cannot record WebM) |
| Transparency | Not used (solid background) | Not used |
Getting the best-looking loop
- Flat colors compress best. Flags are ideal for GIF because large areas share one color. Tiny text and many small symbols increase file size and can shimmer.
- The loop is seamless. One full wave cycle is captured in 20 frames, so the end flows back into the start without a jump.
- Keep symbols away from the fly edge. The right-hand side moves the most; symbols near the hoist (left) stay readable.
- Bigger is not always better. For chat apps, 480px wide is plenty and keeps files under typical upload limits.
Where to use a waving flag animation
- Discord and Slack: upload the GIF as a custom emoji or sticker (Discord emoji must be under 256 KB; use a lower wave height and fewer details to shrink the file) or post it in chat.
- Streams and YouTube: add the WebM or GIF as an image/media source in OBS for intros, faction reveals or "starting soon" screens.
- Presentations: insert the GIF into Google Slides or PowerPoint – it animates automatically in presentation mode, ideal for a school project on your fictional country.
- Websites and newsletters: GIFs play in most email clients where video does not.
- Game and worldbuilding wikis: an animated faction banner on a lore page makes it feel alive.
Troubleshooting
- The GIF looks banded or dotted: GIF is limited to 256 colors, so soft gradients are dithered. Use solid colors for the cleanest result.
- The file is too large for Discord or email: reduce wave height, remove small text, or use fewer symbols. The WebM video is a smaller alternative where video is supported.
- "Record video" does nothing in Safari: Safari does not support WebM recording; use Download GIF instead, which works in every browser.
- The animation is choppy on an old phone: the live preview may skip frames, but the exported GIF is encoded frame by frame and plays smoothly.
Starting from another tool
Every page on Flag Maker Free shares the same design format. Design a flag with your name or a custom pride flag, press Copy share link, change the page part of the link to /waving-flag-gif-maker (keep everything after the #), and the same design opens here ready to animate.
How the waving effect works
The animation treats your flag like a strip of cloth attached at the hoist. Each vertical slice of the flag is shifted up and down along a sine wave, and the shift grows from zero at the pole to its maximum at the fly. Slices are also shaded slightly lighter or darker depending on the slope of the wave, which creates the impression of folds catching the light. Twenty frames make up one full cycle, so the GIF loops seamlessly. Because everything is calculated from your vector design, the effect works the same for any layout, symbol or text.
Using the video in OBS and video editors
- OBS Studio: add a Media Source, select the WebM file and tick Loop. For a GIF, use an Image Source; GIFs animate automatically.
- Premiere, DaVinci Resolve, CapCut: import the WebM file and loop or duplicate the clip on the timeline to make it longer. If your editor does not accept WebM, use the GIF or convert the video with a free tool such as HandBrake.
- Google Slides: insert the GIF as an image. It plays automatically and loops in presentation mode.
- Websites: a GIF can be used in an ordinary image tag; set a fixed width to avoid layout shifts.
Ideas for animated flags
Animated flags work especially well for fictional nations and teams: reveal a new faction in a game trailer, add a looping banner to a Discord welcome channel, or open a school presentation with your country's flag waving. For a quick start, generate a random design on the fictional country flag generator, copy the share link and open it here.