Overlay

two animations → one timeline → one file

Stacking two animations in a page always drifts apart, because each keeps its own clock. This decodes both, merges their frame boundaries into a single timeline, and re-encodes one file — so they can't drift, ever.

Preview

Drop two animations above

The first is the base and sets the canvas; the second is laid over it. Click a slot to browse instead.

gif · apng · webp · video

Arrow keys move the selected layer by one pixel, with Shift for ten. Use the Move and size controls to choose which layer.

0.00s — —

Merged timeline

Base frames Output frames Overlay frames

Sync

Composite

Drag on the preview, or focus it and use the arrow keys — Shift for ten pixels. Ctrl+Z or ⌘Z undoes a move.

Export