GIF / Sprite Sheet Timing Calculator

Calculate per-frame delay, sprite-sheet dimensions and a ready-to-use CSS steps() keyframe animation from frame count and fps.

Open tool

Overview

Turn a frame count and frame rate into everything you need to ship a sprite-sheet animation. Provide frames, fps OR total_duration, frame_w, frame_h and an optional column count; the tool computes the per-frame delay in milliseconds and GIF centiseconds, fills in whichever of fps/duration you omitted, lays out the sprite grid and full sheet dimensions, and generates a CSS steps() @keyframes snippet. Handy for game and UI animators building CSS sprite animations.

Try GIF / Sprite Sheet Timing Calculator

An unhandled error has occurred. Reload ×