Combine multiple images into sprite sheets with customizable grid layouts and generate CSS sprite maps for web development.
Sprite Sheet Generator
Combine multiple images into optimized sprite sheets with CSS generation.
Features
- Grid Layouts: Auto or custom grid arrangements
- Smart Packing: Optimize sprite placement
- CSS Generation: Auto-generate sprite CSS classes
- Transparent Backgrounds: Preserve alpha channels
- Padding/Margins: Control spacing between sprites
- Batch Processing: Process multiple sprite sets
Quick Start
from sprite_sheet_generator import SpriteSheetGenerator
gen = SpriteSheetGenerator()
gen.add_images_from_dir('icons/')
gen.generate(output='sprites.png', grid=(4, 4))
gen.generate_css('sprites.css', class_prefix='icon')
CLI Usage
python sprite_sheet_generator.py --input icons/ --output sprites.png --grid 4x4 --css sprites.css
Dependencies
- pillow>=10.0.0
You Might Also Like
Related Skills

coding-agent
Run Codex CLI, Claude Code, OpenCode, or Pi Coding Agent via background process for programmatic control.
openclaw
add-uint-support
Add unsigned integer (uint) type support to PyTorch operators by updating AT_DISPATCH macros. Use when adding support for uint16, uint32, uint64 types to operators, kernels, or when user mentions enabling unsigned types, barebones unsigned types, or uint support.
pytorch
at-dispatch-v2
Convert PyTorch AT_DISPATCH macros to AT_DISPATCH_V2 format in ATen C++ code. Use when porting AT_DISPATCH_ALL_TYPES_AND*, AT_DISPATCH_FLOATING_TYPES*, or other dispatch macros to the new v2 API. For ATen kernel files, CUDA kernels, and native operator implementations.
pytorch
skill-writer
Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill, or needs help with SKILL.md files, frontmatter, or skill structure.
pytorch
implementing-jsc-classes-cpp
Implements JavaScript classes in C++ using JavaScriptCore. Use when creating new JS classes with C++ bindings, prototypes, or constructors.
oven-sh
implementing-jsc-classes-zig
Creates JavaScript classes using Bun's Zig bindings generator (.classes.ts). Use when implementing new JS APIs in Zig with JSC integration.
oven-sh