UI Shapes – Procedural Image Effects

✅ Verified to work in Unity versions 2022.3 up to 6.6

✨ One component. Every UI effect. Easy to use. ✨

Effects

• Fill
• Texture
• Drop Shadow
• Inner Shadow
• Glow
• Outline
• Bevel
• Background Blur

Mix them freely on each single element. Every effect has its own colour (or gradient), opacity and blend mode.

Try out the effects in your browser:

🚀 Web Demo

Shapes

• Sharp, Rounded and Octagonal corners, or the famous Squircle shape
• Skew and taper into slants, trapezoids and triangles
• Progress, linear or radial, for health bars or timers

Masking

• Soft masking uses the real silhouette, corners, chamfer and skew included
• Anti-aliased edges (no jagged lines or curves)
• Masks all child shapes, Images, RawImages and TextMeshPro
• Padding and Softness settings for all 4 sides
• Culling: Automatically draws only elements that are visible on screen
• Also supports Unity's Mask or RectMask2D via Simple masking mode

Animate Buttons & Co.

• Full support for Buttons, Toggles, Sliders, Dropdowns, Input Fields & Scroll Views
• Tabs for Highlighted/Pressed/Selected/Deactivated states, previewed live in the Scene view. Override the visual look and set a cross fade duration.
• Easily animate any attached Texts as well.
• Attach Sound Effects to all states and tweak their volume and pitch ranges.
• Use Events to call methods on any other script when entering or exiting a state.

Easy to use

1. Add UI Shape to any UI GameObject, or use GameObject → UI → UI Shape
2. Switch on the effects you want. Each one is a collapsible module with its enable checkbox in the header.
3. Click Add... to make it interactive, and style each state on its own tab.

Ready for production

• Animator ready and fully scriptable from C#
• Reusable style assets: save a look once, load it anywhere, edit it live.
• Effects of the same kind batch across the whole canvas, so busy screens stay at a handful of draw calls.
• Mobile performance has been benchmarked and optimized on real Android hardware and holds up well.

Demo

Includes a demo scene with example UI elements.

Documentation

https://prizmgames.net/UIShapes/Manual.html

The full PDF manual also ships inside the package under UI Shapes/Documentation.

Third Party Licenses

Asset uses TMP_SDF-Mobile shader under Unity Companion License; Fast Rounded Rectangle Shadows under MIT License;

The TextMeshPro clipping shader is derived from Unity's own TMP_SDF-Mobile shader and is licensed for use with Unity engine software.

See Third-Party Notices.txt file in package for details.