Flexible Image - Procedural UI That Always Batches

DISCUSSION | DISCORD | SUPPORT/INQUIRIES

(Reviews prior to November 2025 are from a previous version of a similar asset, which recieved a free upgrade)

One shared material. Everything batches

Flexible Image extends Unity's Image component with GPU-based shape generation. All properties are packed into vertex attributes, so every element uses the same material regardless of appearance.

Multiple shapes per component

Flexible Image can render multiple shapes in one component without adding draw calls. Each shape has independent anchoring, sorting, and full property control. Build complex UI elements without nesting GameObjects.

FEATURES

SHAPE CONTROL

▪ Adjustable corners (sharp, rounded, concave)

▪ Edge collapse for triangles, trapezoids, parallelograms

▪ Edge softness for anti-aliasing

▪ Stroke

▪ Tools to build more complex shapes, including cutouts and UV Rect for partial shape rendering

▪ Transform-independant size, position, rotation

COLOR SYSTEM

▪ Four color sections: primary, outline, procedural gradient, and pattern

▪ Each section supports vertex gradients (up to 3x3 color grids)

▪ Alpha channel of each section can control transparency, or blend with the section below it.

▪ Procedural gradients are per-pixel and intelligently dithered, with modes for SDF, angle, and radial gradients

▪ Procedural gradient and pattern sections can independently display over the primary color, outline color, or both

▪ Procedural gradient and pattern sections can be rendered in screen-space, creating continuity between components

ANIMATION

▪ Built-in state machine responds to Selectable events

▪ Tween any numeric property

▪ Lighter than Unity's animation system, more powerful than color/sprite swaps

TEXTURE BAKING

▪ Bake any procedural setup to a texture

▪ Configurable resolution and supersampling

▪ Optional 1px padding for filtering

COMPATIBILITY

▪ Tested on Unity 2022.3+ (likely works back to 2022.1, but not officially supported)

▪ Works with all Canvas types and render pipelines

▪ Supports UGUI. Does not support UIToolkit

▪ Advanced raycast mode filters input events procedural properties (rounded corners, cutouts, etc.) to input events

▪ All standard "UGUI Image" component features

MISC.

▪ Source code and documentation included

▪ Higher visual quality and better performance (at native resolution) than texture-based UIs on modern hardware

▪ Extremely competitive performance with other procedural UI solutions when controlling for draw calls, and potentially much greater performance in the real world

Flexible Image integrates with Flexible Blur, the most advanced UI Blur solution for Unity, to add beautiful blur effects to procedural elements.