Browser-based sprite animation prep

Clean, preview, and repack sprite animations.

Spritesheet Editor helps game artists and developers turn raw spritesheets or loose frame PNGs into clean animation sheets with masks, pivots, offsets, pixel edits, indexed colors, and PNG export.

No install. No backend. Open the tool, upload your sprite, edit, and export.

Feature set

Everything needed to prepare a game-ready spritesheet.

Designed around a practical sprite pipeline: upload, slice, inspect animation timing, clean pixels, align frames, reduce colors, and export a repacked sheet.

Spritesheet slicing

Set rows, columns, start/end frames, and playback speed to quickly preview animation frames from a source sheet.

Animation preview

Scrub the timeline, play the animation, reorder frames, duplicate frames, and import loose frame images.

Mask cleanup

Use mask brush, restore brush, magic wand, background masking, and halo cleanup to remove unwanted pixels.

Pixel editing

Paint directly on frame pixels with a square pixel-perfect brush, dropper, and paint bucket.

Alignment tools

Adjust cage size, pivots, per-frame offsets, scale, rulers, zoom, and pan for precise frame placement.

Indexed color tools

Preview and apply color reduction, preserve transparency, import color tables, and save ACT or PAL palettes.

Workflow

From raw frames to exported PNG in four steps.

1

Upload

Drop in a spritesheet or import individual frame images to build your animation timeline.

2

Preview

Set grid dimensions, playback speed, and scrub through frames to check motion and timing.

3

Clean & align

Mask backgrounds, remove halos, edit pixels, set pivot guides, and nudge each frame into position.

4

Export

Repack the final frame order into a clean PNG using the selected cage size and layout.

Open Source

Free to use, open for the community.

Spritesheet Editor is a free tool for artists, developers, and technical artists. The project is open for the community to explore, improve, and expand with new features, workflow ideas, fixes, and integrations.

The project is intended to use the MIT License, a simple and permissive open-source license that allows people to use, modify, and contribute to the project while keeping attribution to the original creator.

Spritesheet Editor logo

Built for transparent sprite workflows

Checkerboard preview, alpha-preserving export, pixel-perfect guides, and frame-by-frame cleanup tools.

Best for

Indie game sprites, animation cleanup, and asset prep.

Use it when you need a lightweight browser tool to inspect an animation sheet, remove backgrounds, align inconsistent frames, or prepare a cleaner PNG for your game engine.

2D animation sheets Game asset cleanup Transparent PNG export Palette workflows Frame alignment Pixel-art editing

Feedback

Help shape the next version.

Found a bug, have a workflow idea, or want a new export option? Send a suggestion and help improve Spritesheet Editor.

Send a suggestion

Have an idea for a new feature, found something that could work better, or want to request a workflow improvement? Share your feedback below, every suggestion helps make Spritesheet Editor more useful for artists, developers, and the community.

Tip: include your browser, OS, and a short workflow example for bug reports.

Thank you — your suggestion has been sent.

Quick Answers

Quick answers.

Does it need installation?

No. Spritesheet Editor runs directly in your browser, so you can open the page and start working right away. There is no software installer, account setup, or local app to maintain.

Is it free?

Yes. The editor is free to use for preparing spritesheets, testing animation timing, cleaning frames, and exporting your final PNG assets.

Do I need a license?

No license is required to use the tool or export your edited spritesheets. You can use the exported images in your own game, animation, prototype, or production pipeline.

Try it now

Open the editor and start cleaning frames.

Launch App