Free Tool
9-Slice Border Image Maker
Turn any frame, panel, button, or window chrome into the nine border-image pieces - corners, edges, and center - with corners that are exactly the same size on every side (the thing hand-slicing in an image editor never guarantees). Drop in an image, drag the green box to mark the stretchable interior, and grab a ZIP of all nine tiles plus ready-to-paste CSS. Everything runs in your browser.
Drop an image here, or click to choose
PNG, JPG, GIF, or WebP. Transparent-center frames work great.
Ready-to-paste CSS
Need custom UI art or a full site build?
We design and slice game UI, buttons, and web chrome that scale crisply to any size - and build the sites they live on. Free, no-pressure quote.
Get my free quote