Spritulus

Nine slices are a technique for creating scalable UI elements like buttons, panels, and dialog boxes that can stretch to any size without distorting the corners or edges.

The image is divided into 9 sections (4 corners, 4 edges, and 1 center). The corners stay fixed, the edges stretch in one dimension, and the center stretches in both dimensions.

Yes! Spritulus allows you to create custom nine slices by selecting from a variety of pre-made or imported assets and color schemes. You can adjust the slice widths and heights to control how your UI element scales.

You can start by copying an existing nine slice and then modifying its parts and slice dimensions to suit your needs, or you can build one from the ground up for truly unique UI elements.

Nine slices are commonly used in game development frameworks like Phaser, PixiJS, and Unity. After creating your nine slice on Spritulus, you can export it as an SVG and use it with your chosen framework's nine slice functionality.