Elevate your Unity projects with JeffUI, the ultimate tool for creating stunning, professional-grade UI elements. Say goodbye to tedious graphics editors and hello to beautiful, customizable UI with breathtaking blur effects.

Why Choose JeffUI?

• Gorgeous UI Blur: Add depth and polish with the most advanced blur system for Unity.
• Procedural Power: Generate UI images on the fly—no graphics editor required.
• Seamless Integration: Combines procedural generation, blur, and more into one vertically integrated Swiss Army knife.

JeffUI isn’t just a blur tool with procedural features tacked on—or vice versa. It’s a cohesive, cutting-edge solution where both aspects outshine single-purpose competitors.

Two Tools, One Asset

1️⃣ Flexible Blur – The Pinnacle of UI Blur

The most sophisticated and versatile blur solution for Unity, designed to meet the toughest demands:

• Unrivaled Flexibility: Batch blurs for performance or compute them individually for greater artistic control—or mix and match—your choice.
• Scalable Quality: Fine-tune from lightweight performance to ultimate fidelity.
• Smart Optimization: Automatic culling ensures only the smallest necessary area is blurred.
• Simple Setup: Add the Flexible Blur renderer feature and tell ProceduralBlurredImage (and/or lightweight UIBlur) components which cameras to receive blurred output from.
• Reactive to Quality Settings: Blur presets can define blur settings for each quality level.
• Feature-Rich:
• Resolution-independent
• Works for overlay, camera, and world space UIs
• Fine control over downsample, blur iterations, and sample distance
• Choice between lightweight and high-quality algorithms
• Smooth out banding from heavy blurs with dithering
• Stacked blurs (even within the same canvas, with caveats) via layers
• Vibrancy, brightness, contrast, and tint
• Blur padding
• Blurs can be faded with alpha blending, or via blur strength
• Optional compute shaders
• Platform-specific control over texture formats
• Unity 6 Rendergraph compatible
• VR-ready and single-pass compatible
• And more!

2️⃣ ProceduralBlurredImage – Infinite Creativity, Zero Hassle

Craft stunning UI images procedurally with a single, intuitive component:

• Low Overhead and Batcheable: All shader data is densely packed into vertex attributes, delivering significant functionality without having to resort to global variable usage. Alternatives either offer much less functionality, or incur added draw calls with each component.
• Blur Integration: Apply Flexible Blur to procedural shapes or sprite-defined areas effortlessly.
• Shape Control:
• Per-corner roundness
• Per-corner concavity
• Stroke
• Softness
• Outline
• Size, offset, and rotation, indepedant from transform properties
• Can automatically resize rotated shapes to fit inside pre-rotated bounds
• Cutouts:
• Define cutout areas relative to the center of the image or its sides
• Cutout can affect the whole image, or just the outline
• Gradients:
• Secondary color gradient has many parameters and can be applied in four modes: angle, radial, perimeter, or center
• Gradient can affect the entire image, just its outline, or just the interior
• Gradients can be applied in object space, or screen space (ideal for creating seamless gradients between components)
• Independent blend and transparency
• Supports dithering
• Additional Features:
• Transform-independent translation, size, and rotation
• Raycast target area can conform to some or all of procedural properties
• Raycast area can be expanded for mobile platforms
• Color presets for primary, secondary, and outline hues
• Scanlines, which can be applied in screenspace or object space
• Perfectly compatible with masks, whereas solutions that require global variables to work run into trouble when masks generate new material instances trapping those settings.
• And more!

AI Image generation was used to generate background images for demo scenes.