Sprite Editor

Creating original pixel-art sprites and animations for your games: characters, tiles, items, icons, UI elements and animated effects. Draw across layers and frames, preview the animation, then export a PNG, a packed spritesheet, or an animated GIF you can drop straight into your project — the art you make is yours to use, royalty-free.

Layers let you separate parts of a drawing (say, outline, fill and shading) and toggle or reorder them without disturbing the rest. Frames are the steps of an animation — each frame has its own layers, and onion-skinning shows a faint ghost of the previous frame so you can line up movement.

A single frame as a PNG (scaled up cleanly with no blurring), all frames as a packed spritesheet PNG with a JSON coordinate map, or the whole animation as an animated GIF. Everything is generated in your browser.

A faint overlay of the neighbouring animation frame beneath the one you are editing. It lets you see how a sprite moves between frames so you can position the next pose accurately — a staple of hand-drawn animation.

With mirror mode on, every stroke is duplicated across the horizontal and/or vertical centre line. It is ideal for symmetrical sprites — faces, ships, items — letting you draw one side and get the other for free.

Yes. Every edit is tracked, so you can undo and redo freely with the buttons or the usual keyboard shortcuts while you work.

The art is entirely your own creation and free to use in commercial or personal projects. Nothing is uploaded — the drawing, animation and export all happen locally in your browser, and nothing is stored or sent anywhere.