Home / Art & Sprites / Sprite Sheet Animator

Sprite Sheet Animator

Drop a sprite sheet, a set of frames, a GIF or a short video. Slice it, split it into named animations, set the speed and loop mode, fix wobbly frames, and export a clean sheet with Aseprite JSON and a Godot SpriteFrames file.

Click or drop here
One sheet, several frame PNGs, an animated GIF or a short MP4 / WebM clip

For videos, frames per second to keep:

AI made and hand made sheets often drift a few pixels between frames. Align feet locks the bottom center of every frame so the character stops sliding.

Click frames in the strip to add or remove them from the selected animation, or type ranges such as 0-5, 8, 10-12.

ZIP has a packed sheet, Aseprite JSON with every animation as a tag (Phaser createFromAseprite, Godot and Unity importers read it), a Godot SpriteFrames file with every animation, and one PNG per frame.

Pro · animated GIFs of every animation for store pages, Discord and devlogs, scaled up to 4× with sharp pixels, plus a strip PNG per animation. See plans

Drop a sprite sheet to animate it.
Background

Click the preview to set the pivot, the point your engine places at the character's position. It is saved in the JSON.

From a sheet to working animations

Drop a sprite sheet and the tool guesses the grid by looking for empty gaps between frames. Fix the columns, rows, margin and spacing if it guessed wrong, or switch to Find sprites for sheets where frames are scattered with no grid. Then split the frames into animations such as idle, run and attack, give each one its own speed and loop mode, and check them in the preview with onion skin. The export packs only the frames you use into a clean sheet.

Fix sliding and wobbling frames

Frames drawn by hand or made with AI rarely line up. The character drifts a few pixels left and right or bobs up and down, and in the game it looks like it is sliding on ice. Align feet measures where the pixels of each frame touch the ground and lines every frame up on that point. Align centers does the same with the middle of each frame, which suits flying or floating characters and effects.

GIFs and videos

Drop an animated GIF and every frame comes in with its timing. Drop a short MP4 or WebM, pick how many frames per second to keep, and the clip turns into frames you can export as a sprite sheet. For a video with a background, clean the frames afterwards with the Image to Game Asset Converter.

Using the export

EngineHow
Phaser 3this.load.aseprite('hero', 'hero_sheet.png', 'hero_sheet.json'), then this.anims.createFromAseprite('hero') creates every animation with its timing.
Godot 4Copy the sheet and the .tres file to res:// and load the .tres into an AnimatedSprite2D. Every animation is there with its speed and loop setting.
UnityImport the sheet, set Sprite Mode to Multiple and slice it, or use an Aseprite JSON importer from the Asset Store.
GameMaker, PixiJS, DefoldUse the frames folder or read the JSON frame list.

Is anything uploaded?

No. Slicing, previewing and exporting all happen in your browser. Your art never leaves your device.