🎮 Sprite Sheet Tool

Pack sprites, preview animations, slice sheets

📁 Import Frames

🖼️

Drop PNG frames here or click to browse

Supports PNG, JPG, GIF, WebP

No frames loaded. Drag images to add sprites.

📋 Packed Sheet

⚙️ Packing Settings

Packing Algorithm

Columns (Grid)

Padding (px)

Max Width

Max Height

Power of 2 dimensions

Trim transparent pixels

📊 Sheet Info

Frames: 0

Sheet Size: 0 x 0

Frame Size: -

💾 Export

Filename

PNG Image

JSON Metadata

CSS Sprites

🖼️ Sprite Sheet

▶️ Animation Preview

Frame: 0 Total: 0

⚙️ Frame Settings

Frame Width

Frame Height

Start Frame

End Frame

🎬 Playback

FPS (Frames Per Second)

12

Preview Scale

2x

Playback Mode

📊 Animation Info

Sheet Size: -

Grid: -

Duration: -

✂️ Slice Sprite Sheet

📤 Extracted Frames

Load a sprite sheet and configure slicing settings.

⚙️ Slice Settings

Frame Width

Frame Height

Offset X

Offset Y

Spacing X

Spacing Y

📊 Slice Info

Source Size: -

Grid: -

Frames Found: 0

💾 Export Frames

Filename Prefix

Skip empty frames