🎨 Source Image

Instructions:
• Click "Add Widget" to create a selection
Drag red box body to move the entire widget
Drag blue box body to reposition it within red
Resize red to adjust extraction area (blue stays in place)
Resize blue to adjust 9-slice borders
• Click "Generate Spritesheet" when done
Base Image

📦 Output Spritesheet

Generated CSS

/* Click "Generate Spritesheet" to create CSS */