sprite-lab

Sprite Lab is a browser-based tool for two tasks that game developers and artists commonly need: removing backgrounds from images and cutting a spritesheet into individual frames. Everything runs locally in your browser using standard web technology, so no files are sent to a server, no account is needed, and it works without an internet connection.

The background removal feature automatically detects what kind of background an image has, whether that is a magenta or green screen used in game asset workflows, a checkerboard pattern indicating transparency, or a plain solid color, and removes it. It uses a multi-pass processing approach that estimates the precise edge of each sprite and removes leftover color fringing that simpler tools leave behind as grey or white halos around the edges.

The spritesheet slicing feature takes an image that contains multiple animation frames arranged in a grid and separates them into individual files. Instead of assuming frames are evenly spaced across a fixed grid, it scans connected groups of pixels to locate each frame independently. You can preview the animation at an adjustable frame rate before exporting, click individual frames to exclude them, and download the results as a ZIP file containing each frame as a separate PNG, a reassembled horizontal strip, and a JSON manifest file describing the frame dimensions and positions.

The project is built with TypeScript and Vite and can be deployed to any static hosting service without a backend. A command-line test suite is included for verifying the processing pipeline. The project is MIT-licensed.