Preview sprite sheet animations instantly in your browser, then split the sheet into numbered frames. Set the grid by columns or exact pixel size, add offsets and spacing for padded sheets, and step through frames to check your walk cycles before they go into your game.
or drop images here or paste · try a sample
Frame 1 / 8
Sprite sheet, click a frame to jump to it
Space play / pause
← → step frames
D download frame · C copy frame
Sprite Sheet Animator plays the frames of a sprite sheet as a live animation, right in your browser. Upload a PNG, JPG, or WebP sheet, set how many columns and rows of frames it contains, and instantly watch your character run, jump, or attack exactly as it will in-game. Everything runs locally on your device, your artwork is never uploaded to a server.
Upload your sprite sheet to open the editor, then enter the number of columns and rows, or switch to pixel mode and type the exact frame width and height in px, so the grid overlay matches your frames; horizontal and vertical strips of square frames are detected automatically. If your sheet has padding, use the positioning controls to set top and left offsets and the horizontal and vertical spacing between tiles, everything outside the tiles is dimmed so you can confirm the slicing at a glance. The animation starts playing immediately at 10 fps; drag the frame rate slider anywhere from 1 to 30 fps to match your game's timing. Use the step buttons (or the left and right arrow keys) to move through the animation one frame at a time, and click any frame on the sheet to jump straight to it.
Animation bugs usually live in a single frame, a stray pixel, a misaligned sprite, or one pose exported at the wrong offset. Pause the playback and step through frames one at a time to find it. The grid overlay on the sprite sheet shows exactly how the tool is slicing your image, and the highlighted cell tracks the frame currently on screen, so an incorrect row or column count is obvious at a glance.
Check walk cycles, run cycles, idle loops, and attack animations before importing them into Unity, Godot, GameMaker, Phaser, or any other engine. Verify sheets exported from Aseprite, Piskel, or Photoshop are laid out correctly. Preview free or purchased asset packs before committing them to a project, or test how a pixel art animation reads at different speeds without writing a single line of code.
Frames are rendered with nearest-neighbor scaling, so pixel art stays perfectly crisp at any zoom, no blurry smoothing. Transparency is shown on a checkerboard, just like in your image editor. Download the current frame at its native resolution as a lossless PNG, JPG, or WebP, copy it straight to your clipboard, or split the whole sheet at once with the Download all frames button, which delivers every tile in a single ZIP. Choose the filename numbering format (1, 01, 001, 0001, or 00001) and the count to start from, and files come out ready to drop into your engine: sprite-001, sprite-002, and so on.