Open Editor

Online Pixel Art Editor with layers and a timeline

The tools you'd expect from a desktop pixel editor — layers, selections, mirror drawing, palettes, and animation — running in a browser tab. Free, with no install.

Editing tools built for pixels

Pixel-perfect drawing tools

Pencil, eraser, line, filled or outlined rectangles and circles, fill bucket, and eye dropper. Brush sizes from 1 to 64 pixels, with horizontal and vertical mirror drawing for symmetrical sprites.

Selections, copy, and paste

Select with the lasso, then move, copy, and paste artwork within a frame or across frames. Hold the spacebar to pan around the artboard.

Layers and layer groups

Up to 30 layers per project. Organize them into nested groups, then move, resize, and rotate grouped artwork together. Duplicate, reorder, rename, and hide layers as you work.

Palettes you can save

Start from built-in palettes such as NES, pick colors with RGB or HSL sliders, and save, edit, or delete your own palettes to keep a sprite set consistent.

A real timeline

Drag drawings along the timeline to move them, drag either edge to extend or trim them, and control onion skin range and frame rate. More in the pixel animation maker guide.

Export for any engine

PNG, animated GIF, sprite sheets, and MP4 video, at any whole-number scale. Save a .spritepaint project file to back up your work or continue on another computer.

A good editing workflow

  1. Keep line art on its own layer. Put outlines, base colors, and shading on separate layers so you can recolor or fix one without touching the rest.
  2. Group parts that move together. A character's arm, weapon, and effects can live in one group you move, resize, or rotate as a unit.
  3. Resize without starting over. Change canvas size mid-project and choose whether to scale the contents or keep them as they are.
  4. Save your palette once. A saved palette keeps every sprite in a set using the exact same colors.
  5. Back up with a project file. Autosave keeps your work in the browser; a .spritepaint file keeps it safe anywhere.

Pixel art editor FAQ

Can I resize a canvas without losing my work?

Yes. You can resize the canvas mid-project, and choose whether to scale the contents or keep them at their current size.

Does the editor support layers?

Yes. Use up to 30 layers per project, organize them into nested groups, and toggle visibility, reorder, duplicate, or rename them.

Which file formats can I export?

PNG, animated GIF, sprite sheets, and MP4 video in supported browsers, at any whole-number scale.

Is it really free?

Yes — no account, no watermark, and no paid tier.

Open the editor

Runs in your browser. Your work auto-saves as you go.

Start Editing