Flexible Image elevates UGUI animation and composition. You can display an arbitrary number of unique, dynamic elements, with 100s of degrees of procedural freedom, in the span of a single draw call.One shared material. Everything batchesFlexible 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 componentFlexible 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.FEATURESShape 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, rotationColor 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 componentsAnimation▪ Built-in state machine responds to Selectable events▪ Tween any numeric property▪ Lighter than Unity's animation system, more powerful than color/sprite swapsTexture Baking▪ Bake any procedural setup to a texture▪ Configurable resolution and supersampling▪ Optional 1px padding for filteringCompatibility▪ Tested on Unity 2022.3+▪ 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 featuresMisc.▪ Source code and documentation included▪ Higher visual quality and better performance 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.High-Performance Procedural RenderingSDF-based shader for perfectly crisp, resolution-independent visuals at any scale.Advanced data-packing architecture to minimize CPU overhead and draw calls.Render thousands of unique UI elements in a single batch, ideal for complex and data-dense interfaces.Deep Customization & EffectsProcedural quadrilateral base shape with full control over skewing (parallelograms) and edge collapse (triangles, trapezoids).Per-corner rounding (chamfer) and concavity control.Configurable outlines that can expand inwards or outwards from the shape's edge.Multi-step gradients (SDF distance-based, Angle, Radial).8 animated, screen-space or object-space patterns (lines, grids, circles, etc.).Rectangular shape cutouts with configurable logic.Built-in High-Performance AnimationPowerful, zero-setup tweening system for all properties, designed as a high-performance alternative to the Animator.Automatically integrates with Selectable states (Normal, Highlighted, Pressed, etc.) for effortless interactive feedback.Minimal to zero runtime garbage allocation.Advanced Features & CompatibilityPixel-perfect raycasting that precisely matches the visible procedural shape.Optional helper component (FlexibleImageAnimator) for full compatibility with standard AnimationClips and Unity's Animator window.Support for rich vertex color gradients via runtime mesh subdivision.Optional screen-space background blur effect.Compatible with the all render pipelines.AI Image generation was used to generate background images for demo scenes.
