About this Component
Add a beautiful Apple-inspired progressive blur to any edge of your layout. Progressive Blur Pro creates a smooth blur gradient that improves readability while maintaining the content beneath, making it perfect for sticky headers, floating footers, overlays, and modern interface designs.
How to use
Place the component over any content you want to blur, then choose the blur direction, adjust the intensity, set the number of blur layers, and optionally add a color tint. Everything is customizable directly from the properties panel—no code required.
Features
Progressive blur inspired by Apple's interface design
Blur from Top, Bottom, Left, Right, or Top & Bottom
Adjustable blur intensity
Configurable blur layers for smoother gradients
Optional tint color overlay
Lightweight and fully responsive
Easy drag-and-drop setup
No code required
Perfect for sticky navigation bars, floating footers, glass UI, overlays, drawers, modals, sidebars, and any layout where you need a smooth transition between content and interface elements.
