How can GIFs with different frame counts and delays play together in one grid?

The tool doesn't try to align every source's frame boundaries (impossible in general, since they can have unrelated frame counts and timings). Instead, it picks one fixed global timestep and, at every tick of that timestep, asks each source independently "what frame would your own, separately-looping animation be showing right now," then places that sampled frame into its cell.

What happens if one source GIF is much shorter than the others?

The output's total length is set so the longest-duration source completes at least one full loop; shorter sources are simply sampled as looping back to their own start one or more times within that same span, exactly as they would if you watched them side by side in separate players.

How many source GIFs can I combine, and how are they arranged?

Between 2 and 9 source GIFs, arranged into a grid with a chosen number of columns (rows are computed automatically), left to right and top to bottom in upload order.

What if my source GIFs are different sizes?

Every sampled frame is resized (nearest-neighbor) to fit the grid's fixed cell size, so sources of any original dimensions can share the same grid.

GIF of GIFs Creator - Composite a Grid of Animated GIFs

Overview

Introduction

Comparing several GIFs side by side usually means opening them in separate tabs or players, there's no easy way to see them all animate together in one file.

The GIF of GIFs Creator solves that: upload a handful of GIFs and it composites them into one grid, contact-sheet-style animated GIF, with every cell continuing to play its own source's animation.

What Is GIF of GIFs Creator?

A multi-source transform tool: it takes several already-uploaded GIFs and combines them into a single output GIF laid out as a grid, rather than generating new content or editing one GIF at a time.

The core challenge it solves is timing: each source GIF can have a completely different frame count and per-frame delay, yet the output is a single GIF with one shared timeline.

How GIF of GIFs Creator Works

Each source GIF is decoded (via this category's shared codec) into its own list of fully composited frames and per-frame delays, and its own total loop duration is computed by summing those delays.

The tool then picks one fixed global timestep and builds one output frame per tick of it. For each tick's elapsed time, every source is independently sampled: its own cumulative delays are walked, modulo its own total duration, to find whichever frame its own looping animation would be showing at that moment, which is then resized into its grid cell. The output runs long enough for the single longest-duration source to complete one full loop, so shorter sources are simply seen looping more than once within that same span.

When To Use GIF of GIFs Creator

Use it to compare several animated GIFs side by side in one shareable file, instead of juggling multiple open players.

It's also useful for building a single animated "index" or preview sheet out of a handful of separate animated clips.

Often used alongside Boomerang GIF Creator, GIF White Noise Adder and Custom GIF Creator.

Features

Advantages

Handles source GIFs with completely unrelated frame counts and timings, without needing them to share a frame rate.
Every cell keeps its source's own relative animation speed and looping behavior, rather than forcing everything onto one source's timeline.
Automatically resizes differently-sized sources to fit a uniform grid.

Limitations

The fixed global timestep is a sampling interval, not a re-encoding of each source's exact frame boundaries, so very fast per-source motion can occasionally skip or double a source frame relative to watching that source alone.
Limited to 2-9 source GIFs in a grid of up to 4 columns, and the output's total frame count is capped, so an extremely long-duration source may not get to complete a full loop before the cap is reached.

Examples

Combining 4 GIFs into a 2x2 grid

Input

sources: [A (10 frames, 5cs each), B (3 frames, 20cs each)], columns: 2, timestepCs: 5

Output

A single grid GIF where cell A visibly completes its own loop about once per 50cs, and cell B completes its own (slower per-frame, but shorter overall) loop about once per 60cs, sampled independently every 5cs.

Source A's total duration is 50cs and source B's is 60cs; the output runs for at least 60cs (B's full loop) at 5cs per output frame, with each source's own frame-at-time-t computed independently every tick.

Best Practices & Notes

Best Practices

Use a smaller timestep (closer to the fastest source's own per-frame delay) for the most faithful playback of quick motion.
Keep the grid to a handful of sources for a clear, readable contact sheet, very large grids at small cell sizes can make individual animations hard to see.
Upload sources in the order you want them to appear, left to right, top to bottom.

Developer Notes

The key function is `frameAtTime(gif, elapsedCs)`, which walks a source's cumulative per-frame delays modulo its own total duration to answer "what frame is this source's own independent, looping playback showing right now," completely decoupled from every other source's timing; the output frame count is `ceil(longestSourceDuration / timestepCs)`, capped at the codec's frame limit, so the slowest-looping source is guaranteed at least one complete loop in the result.

GIF of GIFs Creator Use Cases

Building a single animated comparison sheet from several separate animated GIFs
Creating a compact preview grid summarizing a set of short animated clips
Combining multiple boomerang or effect GIFs from elsewhere in this category into one shareable file

Common Mistakes

Expecting every source's frame boundaries to line up exactly; the tool samples each source at a shared timestep rather than merging their native frame timings.
Uploading more than 9 sources or expecting more than 4 columns, both are capped to keep individual cells legible and the output frame count reasonable.

Tips

If a fast-moving source looks slightly choppy in the grid, try a smaller timestep so it's sampled more frequently.
Pair with Boomerang GIF Creator first if you want one of the grid's cells to itself be a forward-then-reverse clip.

GIF of GIFs Creator