UI Shapes – Procedural Image Effects

UI Shapes – Procedural Image Effects

Launched Sep 2026 8d

Updated Sep 2026 8d Active

PRIZM GAMES

Recent trend data isn't available for this listing.
5.0
3 reviews total
$13.99 Regular $19.99 30.02% off tools

Price history

Tracked store price

Sep 3 – Sep 11, 2026

Price history from $13.99 to $13.99 between Sep 3 – Sep 11, 2026. Latest price $13.99 (store sale). Marked events: Sep 3 full price, Sep 4 store sale.

Latest $13.99
Low $13.99
High $13.99
Points 9
Store sale Full price
$15.67 $14.83 $13.99 $13.15 $12.31 Sep 3 Sep 7 Sep 11

Hover or focus a point for sale details

Price change log 2
  • Sep 3, 2026 Full price $13.99
  • Sep 4, 2026 Store sale $13.99

Signals

Momentum (24h) +384 views
Recent Sentiment
Recent trend data isn't available for this listing.
Package size 1.51 MB

Market Intelligence: Real-Time Comparison

What assets seem to be similar to this one?

Asset

UI Shapes – Procedural Image Effects

Procedural UI Image

Lean GUI

Translucent Image - Fast UI Background Blur

Current price
$19.99 $13.99
$15.99
$0.00
$24.99
Momentum (daily pageviews) 384 0 266 287
Rating
5.0 / 5
Awaiting Ratings
5.0 / 5
Awaiting Ratings
Days since update < 30 days < 30 days 2.5 years ago < 30 days
Pipelines
URP HDRP Built-in
None
URP HDRP Built-in
URP Built-in

Render pipelines

URP HDRP Built-in

Description

✨ 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

Interactive Controls

  • 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 just what should change and set a cross fade duration.
  • Easily animate child texts as well.

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.

Key features


Architecture

  • One UIShape component manages its own renderers. Effect parameters travel in vertex channels, so effects of the same kind share a static material and batch into a single draw call per canvas.
  • Shapes are signed distance fields evaluated per fragment: resolution independent at any canvas scale and correctly anti aliased at any radius.

Performance

  • Allocation free runtime paths, including the per frame soft mask scan.
  • Lazy recomposition: a shape costs CPU only on the frames it changes.
  • Soft masked content is culled outside the mask rect, so scroll views scale with visible rows.
  • Background Blur ships with Low, Medium and High quality settings. Fill rate guidance is documented in the manual.
  • Profiled and optimized on physical Android hardware.

Compatibility

  • Unity 2022.3 LTS or newer, including Unity 6
  • Graphics: Shader Model 3.0 or better (OpenGL ES 3.0+, Metal, Vulkan, DirectX 11+).
  • Dependencies: uGUI (com.unity.ugui). TextMeshPro is optional and supported by soft masking when present.
  • Shaders are referenced by the component, so player builds include them automatically.
  • Background Blur on URP uses an included renderer feature (one time setup).

Supported platforms

  • Mobile: iOS and Android.
  • Desktop: Windows, macOS and Linux.
  • Consoles: PlayStation, Xbox and Nintendo Switch. No platform specific code.
  • Web: WebGL.

Limitations

  • Background blur on URP requires adding the included UI Shapes Background Blur renderer feature to your URP renderer. Setup instructions appear in the inspector. On HDRP, setup is automatic. On Built-in, no setup is needed.
  • On URP and HDRP, background blur captures the camera image rather than the individual panel, so UI drawn on the same canvas behind a blur panel is not blurred. Blurring UI behind UI is supported on Built-in only.

Code and integration

  • Full C# and shader source, runtime and editor
  • Namespace PrizmGames.UIShapes, auto referenced assembly definitions, PascalCase scripting API for every setting
  • Styles are plain ScriptableObject assets, safe to version control
  • Also consumable as a UPM package (com.prizmgames.uishapes)

Documentation

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

$13.99 $19.9930.02% off
Buy on Unity Asset Store