Image Overflow
A Unity component that allows rendering the Sprite of the Image component beyond its RectTransform boundaries. Ideal for creating shadows, glowing effects, or decorative elements that protrude from their UI containers — without breaking GridLayout or HorizontalLayout calculations.
Frequently Asked Questions
A few useful answers before you choose the setup that fits your Unity workflow.
What is Image Overflow?
Image Overflow is a Unity component based on BaseMeshEffect that renders the sprite of an Image component beyond its RectTransform boundaries. It's useful for creating visual effects like shadows, glowing outlines, or decorative elements that "overflow" their container without affecting the layout.
Does Image Overflow affect AutoLayout or GridLayout positioning?
No. The overflow area is purely visual — it does not participate in AutoLayout, GridLayout, or HorizontalLayout calculations. Other elements in a layout group will not shift due to the overflow.
Does it replace the standard Unity Image component?
No. Image Overflow works as a supplementary component added to the same GameObject as your existing Image component. You don't need to replace or configure the Image component — just add ImageOverflow alongside it.
Are there any limitations?
Currently, the Slice and PreserveAspectRatio features of the Image component are not supported when using Image Overflow. These modes affect how the sprite mesh is generated and are incompatible with the BaseMeshEffect approach.