In Development Tools

Nine-slicer Border Creator

Slice an image into scalable nine-slice borders for UI frames and card templates.

Preview of Nine-slicer Border Creator
nine-slicerBrowser project

About this project

What it does

Nine-slicer Border Creator prepares raster frames that can stretch to many sizes without distorting their corners. Import a border image, drag the horizontal and vertical guides to define corners and edges, preview the scalable result, and export the individual PNG parts needed by a UI or game pipeline.

The workspace also supports an optional 13-slice mode and produces JSON metadata alongside image or ZIP downloads. All image processing happens in the browser, making repeated experimentation fast and private.

What you can do

  • Import border artwork by picker or drag and drop
  • Set slice boundaries with draggable visual guides
  • Create standard nine-slice or optional 13-slice assets
  • Preview how the border stretches at different sizes
  • Export PNG parts, layout metadata, or a complete ZIP
Category
In Development Tools
Format
Browser-based
Access
Free to use
Best for
UI designers and game developers building scalable panels, windows, buttons, and card frames from raster art.
Topics
UI · Borders · Raster
Launch
nine-slicer ↗