Overview
Introduction
Sometimes an animation just needs its frames in a different order: a looping cycle that should start somewhere else, a sequence assembled from mismatched exports, or a deliberately glitchy remix. This tool decodes a GIF, lets you type the exact frame order you want, and rebuilds a valid animated GIF from it.
It works entirely in your browser using a hand-rolled GIF89a codec, so the file you upload is never sent anywhere.
What Is GIF Frame Rearranger?
A structural GIF editor that reorders an animation's existing frames according to a list of 0-based indices you provide, rather than adding or removing any image data.
Because the list doesn't have to be a strict permutation, it doubles as a lightweight way to repeat or drop individual frames while you're at it.
How GIF Frame Rearranger Works
The GIF is decoded into a flat array of fully composited frames, each with its own image and delay. Your comma-separated index list is validated against that array's length, then used to build a new frame array by picking frames from the original in the order you specified.
The reordered frames are re-encoded as a fresh GIF89a file using this category's shared LZW encoder and web-safe color palette, keeping the original loop count.
When To Use GIF Frame Rearranger
Use it when an animation's frame order needs correcting, or when you want to remix an existing GIF's frames into a new sequence without re-exporting from the original source.
It's also handy for quick experiments: reverse a short loop by typing indices back-to-front, or create a stutter effect by repeating an index.
Often used alongside GIF Frame Remover, GIF Frame Duplicator and GIF Frame Randomizer.
Features
Advantages
- No image-editing software needed: reordering happens directly in the browser from a simple text input.
- Frame delays travel with their frame, so timing stays sensible even after a reorder.
- Supports repeats and omissions, not just strict permutations, for more flexible remixing.
Limitations
- There's no drag-and-drop frame list yet; the order must be typed as indices, which is less convenient for GIFs with dozens of frames.
- Re-encoding always passes frames back through this category's shared 216-color palette, so very colorful source GIFs may show minor color shifts.
Examples
Best Practices & Notes
Best Practices
- Use the GIF Frame Viewer first to see each frame's index and delay before deciding on a new order.
- Double-check your index list length matches the intended output; a shorter list will drop frames, which may be intentional but worth confirming.
- For large frame counts, consider extracting frames first so you can preview each index's contents.
Developer Notes
The reorder logic is a thin, deliberately permissive mapping step: unlike a true "permutation only" reorder, arbitrary repeats and omissions are allowed by design, since validating a strict permutation would reject perfectly reasonable remix use cases for no real benefit.
GIF Frame Rearranger Use Cases
- Fixing an animation exported with frames in the wrong order
- Reversing or remixing a short looping GIF's frame sequence
- Building a new animation by selectively repeating frames from an existing GIF
Common Mistakes
- Assuming the order list must contain every original index exactly once: it doesn't, and that's intentional.
- Forgetting that indices are 0-based, so a 5-frame GIF's valid indices are 0 through 4, not 1 through 5.
Tips
- Combine with the GIF Frame Duplicator if you only need to repeat one frame rather than retype a whole custom order.
- Preview the result before relying on it: an unexpected order is easy to spot by eye.