Procedural UI lets you easily create a professional UI using procedural rounding and gradient effects, without having to use any sprites. This asset offers rich features for any UI workflow, is 100% (unit) tested, and includes the complete and extensively commented source code.

🗂️ This asset is part of the PRO UI Bundle. Get 9 assets to make PRO User Interfaces, and save over 50%!

Benefits

Full flexibility in creating UI by allowing rounding, borders, outlines, glow, shadows, fall-off, and more.
Quickly create a professional UI with the easy-to-use editor and/or code
Configure color schemes by using gradients on your UI, with or without sprites.
Ensure consistency throughout your UI
Reduce the size of your game by not requiring the use of additional sprites for UI
Sprites are supported but not required, all Image features are compatible
Masking support, easily combine image together to create fancy shapes
High performance (identical to Image)

Features

Gradients: Change the colors of your UI using gradient effects, comes with a wide variety of types, transparency support, and presets. The gradients support both Unity's Image component and Rounded Image.
Procedural UI rounding: dynamically round the corners of your UI objects, with or without sprites. Within the editor, or during runtime
Accurate hitboxes: dynamic hitboxes ensure accurate click or tap detection for your UI, including an option to take the rounding effects into account for hit detection
Editor tools: includes a clear and easy-to-use editor
Masking: Complete masking support of dynamic shapes, use masking to create fancy shapes or decorate your UI. (Support for both Mask and RectMask2D components.)
Code available: all code is included in the package and is extensively commented, allowing you to understand, modify and extend it
UI effects: use edge falloff for glow, shadow, and anti-aliasing effects
Borders and outlines: dynamically create borders and adjust the width of the border to create outlines
Sprite atlases: sprites from sprite atlases or spritesheets are fully supported
Compatibility: as an extension to the Image component, all Image features remain compatible, including aspect ratio and fill options.
Tested and optimized for mobile platforms (iOS and Android) and web (WebGL).

Known limitations:

* Fill options can prevent the rounding or fall-off effect from showing.

**Sprite sheet/atlas requires Unity 2020.2 or newer.

More assets by DTT

🗃️ Upgrade your projects with our discount bundles - 50% off!

Curious about what else we got to offer?

Please check out our publisher page or visit our website!

A question or suggestion? We would love to hear from you.

We are always looking to improve our assets to suit your needs.

If you have any questions (before or after purchasing it), always feel free to contact us at: asset-support@d-tt.nl.

❤️ Reviews are very much appreciated, we love to hear what you think of the asset.