Sprite Sheet Animator
Check your animation before it goes into your game. Import a sheet, choose your grid and play it at your own pace.
No sign-up
Images never leave your browser
Made for desktop and phone
→
No frames yet? Generate the whole action set.
One character. A whole set of moves. Explore the AI sprite workflow.
How to Preview a Sprite Sheet Animation
Import a sheet
Upload an existing sheet and enter its grid dimensions to extract the frames.
Preview the loop
Play the frames and adjust the rate from 1 to 30 FPS.
Refine or export
Check the order and download an animated GIF when the motion looks right.
Features
Immediate preview
See the motion before you bring it into a game engine.
Frame-rate controls
Compare a slow idle against a fast run using the same frames.
Browser-based workflow
Preview and export without uploading your source image.
Tips for Sprite Sheet Animator
Check the grid before judging motion
Slice the sheet with its real column and row count. A wrong grid can make a good animation appear to jump because poses are cropped or read in the wrong order. Inspect the frame strip and move frames into sequence before changing the playback speed.
Compare slow and fast playback
Use the 1–30 FPS slider to test how the same poses feel as an idle, walk, or run. Low rates reveal missing in-between poses; high rates can hide them but may make a loop look rushed. Pause on a frame to inspect alignment and watch where the loop returns to its first pose.
Save a shareable preview
When the sequence and speed look right, export a looping GIF for review. GIF is useful for showing motion outside the editor, while the original PNG sheet remains the better source for games that need full alpha transparency or atlas metadata.
Matching the preview to your engine
Unity
Unity animation clips default to 60 samples per second, so set the sample rate to the FPS you chose here, or space keyframes accordingly, to get the same speed.
Godot 4
Set the same value as the Speed (FPS) of the animation in the SpriteFrames panel.
Phaser
Pass the value as frameRate in this.anims.create and use repeat: -1 for a loop.
Friday Night Funkin’
Psych Engine character JSON stores an fps value per animation. The FNF generator writes the rate you set for each group.
Supported Formats
Inputs and exports available in this tool.
| Direction | Formats | Notes |
|---|---|---|
| Source sheet | PNG · JPG · WebP · HEIC | A regular grid gives predictable frame order. |
| Preview export | GIF | Looping animation at 1–30 FPS. |
FAQ
Why does the motion jump?
Check the grid dimensions and frame order; a missing or misplaced pose is often visible in the frame strip.
Can I change the speed?
Yes. Set playback from 1 to 30 frames per second.
Can I save the preview?
Use the GIF download action to save the current frame order and speed as an animated GIF.
What frame rate should I use?
There is no single right number. Many pixel-art idles look fine around 6–10 FPS and runs around 10–15 FPS, but judge it by eye: play the loop, then nudge the slider until the motion reads clearly.
Can I preview an FNF character animation?
For a Sparrow XML sheet, import the PNG and XML into the FNF sprite sheet and XML generator, which previews each named animation such as idle or singLEFT. This animator reads plain grids.
Does the preview match my game engine?
It plays every frame for the same duration, which is how Unity, Godot and Phaser animations work by default. Engines that give individual frames custom timing will look slightly different.
Are my images uploaded anywhere?
No. The free tools decode, preview and export your files inside your browser. Closing this page clears the current workspace.
Next steps with your frames
More free sprite tools
FNF Sprite Sheet & XML
Sparrow XML plus Psych Engine character JSON.
GIF to Sprite Sheet
Turn a looping GIF into individual game frames.
Sprite Sheet Splitter
Cut a sheet into frames by grid or detection.
Sprite Sheet Animator
Preview a loop at your own frame rate.
Sprite Sheet to GIF
Turn a frame grid into a looping animated GIF.