Create frame-by-frame pixel art, loop walking and running characters, or turn a sprite strip into game-ready animations. Everything stays in your browser.
Click any frame to edit · animations play left to right
1 / 64
Animation clips
Name frame ranges for game engines and GIF previews.
0 clips
Frame ranges are inclusive. Reordering frames changes which artwork is inside a range. Named clips and the pivot below are saved to project and atlas JSON.
Make sprite sheets and animated game assets online
PixelOkay Sprite Animation Studio is a browser-based pixel art editor for indie game developers, app creators, and animators. Draw each frame, see onion-skin previews, import existing sprite sheets, create editable procedural character cycles, and package lossless PNG atlases with frame durations in JSON.
Your artwork stays on your computer; files are processed in the browser without an account or paid AI. For clean game integration, use the PNG and atlas JSON. GIF exports are ideal for fast previews but do not preserve full 24-bit color or partial alpha.
Processing
Building your sprites…
Common questions
Can I slice frames from a uniformly spaced sprite sheet?
Yes. Set the frame cell size and sheet spacing options, including margins and gaps, then inspect the imported frames before arranging clips.
Does GIF keep the same color and transparency as PNG?
No. GIF uses a web-safe color palette and binary transparency. PNG exports preserve full RGBA frame pixels.
Create sprite animations and sheet metadata
Draw RGBA frames, slice a uniformly spaced sprite sheet, or start from a motion preset. Define named clips and pivot metadata, then export frames for a game or animation pipeline.
Choose frame dimensions from 8 to 128 pixels per side. Draw a frame, load a supported sheet and set its spacing, or create a walk, run, idle or jump cycle.
Adjust frame timing, organize named clips with inclusive frame ranges, and set the pivot metadata for the whole sprite.
Preview the sequence and export PNG frames/sheets, GIF, atlas JSON, ZIP or an editable project.
Example: Create an eight-frame walk cycle, tag frames 0 through 7 as walk, place the pivot at the center of the feet, then export the PNG sheet with atlas JSON for your engine.
Limits and privacy: Projects support up to 64 frames and use RGBA pixels; there are no drawing layers, skeletal rigs, AI inbetweening, Aseprite parser or video export. GIF uses a 216-color web-safe palette and binary transparency, while PNG preserves full RGBA. Pivot values are metadata, not artwork offsets.
