Skip to content

component

Lens Blur Effect

By Ali Çorak

Details

Summary

Interactive blur lens to any image

Description

Unlock entire Depth library for $149. One price. Lifetime. Get Depth 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. Refund Policy Due to the nature of digital products, all sales are final. Once purchased, this template is non-refundable. Please make sure it fits your needs before completing the checkout. Support: hi@alicorak.com

Introduction

Interactive blur lens to any image

Rank history

Daily rank per list, from the first snapshot — lower is better.

15011001150117318/148/228/309/79/15
  • All · #1696