Procedural UIX

Procedural UIX

Procedural UIX is a lightweight, flexible UI solution for creating fully procedural, resolution-independent shapes directly inside Unity’s UI system.

Design modern UI elements without relying on sprite atlases, while keeping sharp visuals, smooth edges, and excellent performance across all platforms.

Whether you’re building buttons, panels, icons, or decorative UI elements, Procedural UIX gives you precise control over shape appearance, borders, gradients, and effects — all in real time.

Key Features:

Shape Rendering

• 10 Procedural Shape Modes: Circle, Triangle, Rectangle, Pentagon, Hexagon, Heptagon, Octagon, Decagon, Dodecagon, and Heart
• Independent corner radius control (square radius is adjustable separately)
• Fill, Stroke, and Outline rendering with arbitrary thickness
• Perfect anti-aliased edges with no extra performance cost

Styling & Effects

• Adjustable border width
• Edge falloff for smooth anti-aliasing, soft shadows, or glow effects
• Fall-off control for subtle UI depth and polish
• Masking support for complex UI compositions

Colors & Gradients

• Solid color support
• Gradient modes: Linear, Radial, Corner
• Overlay sprites or textures on top of procedural shapes
• Combine gradients and overlays for rich UI visuals

Fill Modes

• Horizontal
• Vertical
• Radial

Rendering Pipeline Support

• Compatible with: Built-in Render Pipeline, URP, HDRP

🚀 Why Procedural UIX?

• No sprite dependency
• Fully scalable and resolution independent
• Ideal for modern, dynamic UI design
• Clean visuals with minimal setup
• Works seamlessly across all Unity render pipelines

Procedural UIX is perfect for developers who want flexible, high-quality UI elements without the overhead of managing multiple sprites or textures.