About this Component
Add a premium interactive blur lens to any image with Lens Blur. This component creates a smooth, cursor-following blur effect that feels like looking through a real camera lens, making it perfect for modern portfolios, hero sections, product showcases, and creative websites.
How to use
Drop the component onto your page, upload your image, then adjust the blur amount, lens size, softness, and smoothing directly from the properties panel. Everything updates in real time—no code required.
Features
Smooth cursor-following lens blur
Adjustable blur intensity
Customizable lens size
Soft edge (lens softness) control
Follow smoothing for fluid motion
Adjustable corner radius
GPU-accelerated rendering for smooth performance
Lightweight single code component
Works with any image and responsive layouts
Perfect for portfolios, creative agencies, landing pages, product showcases, photography websites, and interactive hero sections that need a subtle but premium visual effect.
