9-Slice UI Kit - 144 Panels, Buttons & Bars
Rasterloom
$15.39
$21.99
30%OFF
(no ratings)
Jump AssetStore
A stretchable interface kit in six styles, with every sprite border already written into the import settings. Drop a panel on an Image, set Sliced, done.Panels, windows, inventory slots, buttons in four states, inputs, tabs, tooltips, bars, sliders, scrollbars, dividers and badges - in six visual styles, three colourways and three scales.THE BORDERS ARE ALREADY SETThis is the reason to buy the Unity edition rather than the raw PNGs. Every stretchable sprite ships with its Border values written into the .meta file. You do not open the Sprite Editor, and you do not copy numbers out of a table: drop a panel onto an Image, set Image Type to Sliced, and the corners hold their exact pixel size while the middle stretches to any dialog you need.That is 1296 sprites - 144 elements across three colourways and three scales - of Sprite Editor work that has already been done.WHAT YOU GET- 1512 sprites: 144 stretchable elements and 24 fixed-size extras, each in dark, light and mask, at 1x, 2x and 4x- Six styles: Line (hairline outlines), Soft (rounded and filled), Bevel (raised edge, classic game UI), Notch (chamfered, sci-fi), Frame (heavy double border), Ornate (fantasy, corner flourishes)- 24 elements per style: panel, panel header, window, slot, active slot, button in four states, input, two tabs, tooltip, bar track, three bar fills, slider track and fill, scroll track and thumb, divider, badge- 24 extras: carets, checkboxes, radios, toggles, handles, grips, close and minimize glyphs, tooltip tips, corner brackets, studs- A showcase scene where all six styles stretch on Play, so you can watch the corners hold- Documentation listing every element with its border insetsTHREE COLOURWAYSDark and light are finished art for dark and light interfaces. Mask is the same geometry in white with a translucent body, so a tint gives you the whole kit in your game's colour - faction blue, danger red, the gold of a reward dialog - from textures you already imported, with no third set to ship and no material to write. The demo scene tints it live.IMPORT SETTINGS ALREADY APPLIEDSprite (2D and UI), Mesh Type Full Rect, borders from the source geometry scaled per set, Bilinear filter, Compression None, mip maps off, Wrap Clamp.Mesh Type is the one people get wrong. Unity refuses to draw a Tight-mesh sprite in Sliced or Tiled mode and logs a warning instead, which is a confusing five minutes the first time it happens to you.DRAWN WITH CODE, NOT GENERATEDEvery shape is defined as geometry - rounded rectangles, chamfers, bevel edges, corner brackets - and rendered by a generator written for this kit. The border insets are measured from that geometry, not eyeballed.LICENCERoyalty-free, unlimited commercial and personal projects, no attribution required. You may not resell or redistribute the sprite files themselves as an asset pack.- 1512 sprites: 144 stretchable elements + 24 extras, in dark, light and mask, at 1x (96 px), 2x and 4x- 1296 of them carry Border values in their import settings, ready for Image Type = Sliced- Six styles: Line, Soft, Bevel, Notch, Frame, Ornate- Import settings baked in: Sprite (2D and UI), Full Rect mesh, Bilinear, Compression None, mip maps off, Wrap Clamp, Pixels Per Unit 100- Demo scene: NineSliceShowcase.unity, all six styles stretching on Play plus a tinted mask row- Scripts: SlicedPanelBreather.cs and UiTint.cs, plain UnityEngine only, no render pipeline dependency- Works with Built-in, URP and HDRP, in UGUI and in 2D scenes- Documentation: readme, per-element border table, licence- Unity 2022.3 or newer
