---
title: "Lens Zoom — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Plaiter HQ · Cursors. Mouse Lens Zoom is an interactive Framer component that adds a magnifying glass effect to images."
canonical: "https://framer.elliotli.dev/component/lens-zoom"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Lens Zoom

# Lens Zoom

[View on Framer](https://framer.com/marketplace/components/lens-zoom/?via=elliot-li)

![Lens Zoom preview image 1](https://framer.elliotli.dev/og/component/lens-zoom/9e5493a0ba48eda5/1600x1200.jpg)

## Summary

Mouse Lens Zoom is an interactive Framer component that adds a magnifying glass effect to images.

## Description

Mouse Lens Zoom is an interactive Framer component that adds a magnifying glass effect to images. As the cursor moves across the image, a lens follows the mouse and reveals a zoomed-in version of the image inside it.

You can control the zoom level, lens size, shape, border style, and whether the lens appears only on hover or stays visible at all times. The component is smooth, responsive, and ideal for showcasing visual details without navigating away from the page.

## Key Features

-   Mouse-following lens zoom effect
    
-   Adjustable zoom level
    
-   Customizable lens size
    
-   Circle or square lens shape
    
-   Configurable lens border width and color
    
-   Option to show lens on hover or always visible
    
-   Smooth performance and responsive behavior
    

## Use Cases

-   Product image previews
    
-   Portfolio and photography sites
    
-   E-commerce detail views
    
-   Image comparisons and showcases
    
-   Interactive visual storytelling
    

## Best Practices / Tips

-   Use high-resolution images for best zoom clarity
    
-   Keep zoom levels subtle to avoid pixelation
    
-   Match lens border color to your UI for a polished look
    

## What’s Included

-   One Mouse Lens Zoom component
    
-   Image, zoom, and lens customization controls
    
-   Hover behavior toggle
    

## Who It’s For

-   Framer designers and builders
    
-   Product designers and marketers
    
-   E-commerce creators
    
-   No-code users adding interactive image details
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #9270

## Details

- **Author**: Plaiter HQ
- **Price**: $10.00
- **Published**: 2026-01-21
- **Updated**: 2026-01-21
- **Added**: 2026-01-11
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…