Optical Lens Cursor

Optical Lens Cursor transforms static imagery into an immersive, interactive experience. A dimensional glass lens follows the visitor’s movement, revealing sharper detail, magnifying selected areas and creating realistic depth, reflection and refraction.

Choose from four distinctive modes: Sharp Reveal, Magnify, Colour Reveal and Before/After. Each mode can be customised directly in Framer, including lens size, magnification, background blur, brightness, contrast, saturation, glass depth, rim, shadow and starting position.

Designed for photography, artwork, product imagery and visual storytelling, the component automatically adapts images across different screen sizes. It supports mouse, touch and Apple Pencil interaction, works smoothly beneath overlaid text and buttons, and requires no coding.

Features

• Four interactive modes

• Sharp Reveal, & Colour Reveal 

• Magnify & Before/After

• Customisable images directly in Framer

• Adjustable blur, brightness, contrast and saturation

• Control glass depth, rim, highlights and shadow

• Choose the lens’s starting position

• Supports mouse, touch and Apple Pencil

• Smooth interaction below text or image layers

Simply add the component to your Framer project, resize it to your desired area and customise the effect using the built-in controls.

After purchase, you'll receive access to the Framer Component URL, allowing you to add the component directly to your Framer project.