Draw rounded panels, circles, polygons and gradient buttons straight in Unity’s UI — no sprites, no atlases. Every shape stays sharp at any size.Procedural UIX (PUIX) — Sprite-Free UI ImageEvery time a designer changes a corner radius, someone has to re-export a sprite. Procedural UIX removes that step.It draws UI shapes mathematically in a shader instead of sampling a texture, so a rounded panel becomes a component setting rather than an art asset. Change the radius in the Inspector and it updates live. Scale it from a phone to a 4K display and the edge stays clean, because there is no bitmap being stretched. Drop the component on any UI element, pick a shape, and adjust it in the Inspector.Shapes- 12 shape modes: Circle, Ellipse, Heart, and every polygon from Triangle through Dodecagon (3–12 sides)- Four corner modes: Uniform, Independent per-corner, Corner Pair, and Auto Round- Corner Pair rounds only the top, bottom, left or right corners — the usual case for tabs, headers and list rows- Polygon corner rounding, from sharp edges to fully rounded- Free polygon rotation, 0–360 degrees- Auto Round holds a true circle or ellipse as the element resizesStyle- Adjustable border width for outlined or filled shapes- Adjustable edge softness, from crisp to feathered- Smooth anti-aliased edges at any resolution or scale- Solid colours, plus Linear, Radial and Corner gradients- Adjustable gradient resolution- Overlay a sprite or texture on top of any procedural shapeFits the UI you already have- Right-click any UI Image to convert it in place — sprite, colour and raycast settings are kept, and so are Button and Toggle references- Create from GameObject > UI, with the Canvas configured for you- Simple, Sliced, Tiled and Filled image types- Sprites from a Sprite Atlas- Works inside Mask and Rect Mask 2D- It is an Image subclass, so layout groups, Buttons and animations all behave normallyPerformance- Shared materials keep rounded-corner elements batching into a single draw call- Elements using gradients get their own material, and the Inspector tells you which are batching and which are not- No atlas memory, no texture importsIn the package- Full C# and shader source, no DLLs- Assembly definitions, so the asset never rebuilds with your game code- Demo scene- PDF documentationRequirements- Unity 2022.3 LTS or newer- Built-in Render Pipeline and Universal Render Pipeline (URP)SupportQuestion, feature request, or found an edge case? Email crosscanvas.contact@gmail.com — we read and answer every message.Tags: rounded corners, rounded rectangle, rounded image, rounded panel, rounded button, corner radius, border radius, squircle, pill button, capsule, ui shapes, procedural ui, procedural shapes, procedural ui image, sprite free ui, no sprites, spriteless ui, texture free, no atlas, atlas free, ui gradient, gradient button, gradient image, gradient panel, linear gradient, radial gradient, corner gradient, circle image, circle ui, ellipse, oval, polygon, triangle, pentagon, hexagon, octagon, dodecagon, heart shape, ui image, image component, ugui, unity ui, canvas ui, ui shader, shader ui, sdf, signed distance field, sdf ui, anti aliasing, antialiased ui, smooth edges, crisp ui, resolution independent, scalable ui, vector ui, vector shapes, ui outline, ui border, outlined shapes, edge softness, nine slice, 9 slice, sliced image, filled image, radial fill, fill amount, progress bar, health bar, ui mask, rect mask 2d, draw call batching, ui optimization, ui performance, mobile ui, ui kit, ui components, ui design, ui toolkit alternative, flat ui, material design, design system, urp ui, urp, built in render pipeline, editor tool, inspector tool, shader source, no dll, procedural uix, uixFully procedural UI shape rendering (no sprites required)12 shape modes: Circle, Ellipse, Heart, and every polygon from Triangle through Dodecagon (3–12 sides)Four corner modes: Uniform, Independent per-corner, Corner Pair, and Auto RoundCorner Pair rounds only the top, bottom, left or right cornersPolygon corner rounding, from sharp edges to fully roundedFree polygon rotation, 0–360 degreesAdjustable border width for outlined or filled shapesAdjustable edge softness, from crisp to featheredSmooth anti-aliased edges at any resolution or scaleFill modes: Horizontal, Vertical, RadialSolid colours and gradients (Linear, Radial, Corner)Sprite and texture overlay on top of procedural shapesWorks inside Mask and Rect Mask 2DConvert any existing UI Image in place with one right-clickShared materials batch rounded-corner elements into a single draw callFull C# and shader source, assembly definitions includedResolution-independent renderingBuilt-in Render Pipeline and Universal Render Pipeline (URP)
