Procedural UI

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

• Infinite Scroll View
• Mobile Keyboard Raiser
• Txt Size Matters
• User Feedback Management
• Paginated Scrollviews
• Rankings

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

• PRO UI Bundle - Fast and easy UI/UX
• PRO Development Bundle - Superior debugging and development
• Puzzle Games Bundle #1
• Game Essentials Bundle
• Word Games Bundle #1
• Retro Casual Games Bundle #1
• Music Games Bundle #1
• Math Games Bundle #1

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: [email protected].

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