Uwarp

Upload two GIFs, pick a layout, then click Create Collage to preview the combined animation.

Left / top GIF (A)

Right / bottom GIF (B)

Layout direction

Help Us Improve

—

(—)

GIF collage maker

Free GIF collage maker: put two GIFs side by side or stack them vertically—auto-sync loops, animated GIF collage creator, preview and download in your browser.

What is a GIF collage maker?

A GIF collage maker combines two animated GIFs into one file that plays both at the same time—side by side or stacked vertically. It is not the same as /gif-combiner, which plays clips back to back. Upload GIF A and GIF B, pick a layout, and the tool syncs frame counts by looping the shorter animation. Preview and download client-side.

GIF collage features

Combine two animated GIFs in one layout.

  1. Side-by-side layout: Join two GIFs horizontally for reaction memes or comparisons.
  2. Vertical stack: Place one GIF above the other in a single animation.
  3. Auto-sync loops: Shorter GIF loops to match the longer clip’s frame count.
  4. Dual upload: Separate slots for left/top (A) and right/bottom (B).
  5. Live preview: See the collage before download.
  6. GIF download: Save as gif-collage-maker.gif.

How to create a GIF collage

Steps to combine two GIFs online.

  1. Upload GIF A and GIF B: Add the left/top and right/bottom animations (15 MB each).
  2. Choose layout: Horizontal for side-by-side or Vertical for stacked.
  3. Create collage: Click to merge both GIFs into one synchronized animation.
  4. Download GIF: Save the collage to your device.

Tips for GIF collages

Get cleaner side-by-side or stacked GIFs.

  1. Match heights for horizontal: Similar-sized GIFs align better side by side—resize first if needed.
  2. Match widths for vertical: Stacked GIFs center when widths differ; similar widths look neater.
  3. Shorter loops repeat: A 10-frame GIF beside a 30-frame GIF loops three times automatically.
  4. Trim first: Use /shorten-gif to cut intros before collaging.
  5. Sequential join elsewhere: For A-then-B playback, use /gif-combiner instead.
  6. Still image merges: For PNG side-by-side stills, use /merge-images.

When to use a GIF collage

Typical uses for animated GIF collages.

  1. Reaction pairs: Show two reactions side by side in one meme GIF.
  2. Before and after: Stack or place comparison clips next to each other.
  3. Dual camera angles: Play two angles of the same moment together.
  4. Chat stickers: Combine short loops for Discord or Slack.
  5. Social posts: Create animated GIF collages without video editors.
  6. Tutorial splits: Show UI and result GIFs in one frame.

Why use this GIF collage maker

Benefits of browser-based GIF combining.

  1. Two-at-once layout: Not sequential join—both GIFs play simultaneously.
  2. Private: Files never leave your browser during processing.
  3. Free: Unlimited collages without watermarks or sign-up.
  4. Synced playback: Shorter GIF loops automatically to match length.
  5. Layout choice: Horizontal or vertical in one tool.
  6. No install: Works in any modern browser.

Technical details

How client-side GIF collage works.

  1. Dual decode: gifuct-js decompresses both GIFs with full frame patches.
  2. Compositing: Each output frame blends A and B on a shared transparent canvas.
  3. Frame sync: Output frame count equals the longer GIF; shorter GIF index wraps with modulo.
  4. Delay: Per output frame uses the max delay of the two source frames at that step.
  5. GIF encode: gifenc writes the combined animation with loop metadata.
  6. Limits: 15 MB per GIF; memory scales with frame count and canvas size.

Frequently Asked Questions

Have questions? We have answers.

Related tools

More tools from Image & Conversion.

View all Image & Conversion