Online pixel art editor and sprite editor

A pixel editor that runs in a browser tab. Draw pixel art frame by frame, flip on onion skin to line up the next pose, and scrub the timeline until the walk cycle reads. Nothing to install, no account.

The two bars, and what's in them

Tools live on the left, color and canvas settings on the right, and the artwork sits between them.

The left rail holds fifteen tools in three groups, drawing then color then selection, split by dividers. Under them sit your two color swatches, the active one outlined in pink, and a stepper for brush size. Undo and redo are pinned to the bottom of the rail.

The right panel starts with Animate, which opens the frame timeline. Below it is the current color as a hex field you can type straight into, the color field with its hue strip, and four one-click transforms: flip horizontal, flip vertical, rotate right, rotate left. Then grid resize, where the link button keeps width and height locked together, and a scale slider that zooms the canvas without touching the sprite. Reset, save and download sit at the very bottom.

What every tool does

Every tool has a single-key shortcut, so you never have to go back to the rail.

Three are worth knowing about early. Mirror pen halves the work on anything symmetrical. Dither is how you fake a gradient without adding colors. Lighten shades quickly, because you never stop to pick a new swatch.

Animating, frame by frame

Press Animate and a timeline opens under the canvas. That timeline is what makes this a sprite editor rather than a drawing app.

Add a frame, duplicate the one you're on, or delete it. Then turn on onion skin, the stacked-layers button, and the neighboring frame sits faintly behind your canvas so you can line the next pose up against the last one. Above, the ghost shows where the sword and cape were on the previous frame, which is exactly the information you need to place them on this one.

The strip along the bottom is every frame in order, with the one you're editing outlined in pink. The readout tells you where you are and what frame rate you're playing at.

Hit play to watch it at the frame rate you set, spot the leg that pops a pixel too far, fix it, play again. Four frames is usually enough for an idle. Walk cycles want eight. You'll know it's right when it stops looking like it's sliding.

Drop an animated GIF onto the canvas and every frame lands on the timeline at once, which is the fastest way to fix one bad frame in a cycle somebody else exported.

Sizes and export

Canvas runs from 1x1 to 512x512, and 32 or 64 covers most sprites.

Export PNG for anything you're dropping into Godot, Unity, GameMaker or a web build. Export SVG when the art needs to scale cleanly, which is handy for icons and UI. Undo and redo carry full history, so experimenting costs you nothing.

What it doesn't do

There are no layers, and that's worth knowing before you start.

You get frames instead. For sprite work at 32 or 64 pixels that trade is usually fine, because at that scale you're placing individual pixels rather than compositing passes. But it's a real limitation, and if layers are load-bearing in how you work then this isn't your editor. Our editor comparison is honest about which ones have them.

Unity's Sprite Editor is a different thing

The names collide, so it's worth clearing up.

Unity ships a window called Sprite Editor. It slices an already-imported sheet into regions and sets pivot points, and it draws nothing at all. This tool is where the art gets made. Export a PNG here, import it there.

Or skip the drawing

If you'd rather the sprite existed before you start editing, the AI sprite generator at Sprite AI (sprite-ai.art) makes one from a text description at 32x32 up to 512x512, and it opens straight into this editor for touch-ups.