---
title: "HoverLens — Framer component · Best of Framer"
description: "$5.00 · Framer component · by RedDevs · Galleries. Hover Lens adds a smooth, cursor-based zoom effect to images in your Framer projects, creating a high-end, interactive…"
canonical: "https://framer.elliotli.dev/component/hoverlens"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/HoverLens

# HoverLens

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

![HoverLens preview image 1](https://framer.elliotli.dev/og/component/hoverlens/27c6e04231ef2904/1600x1200.jpg)

## Summary

Hover Lens adds a smooth, cursor-based zoom effect to images in your Framer projects, creating a high-end, interactive experience—perfect for product displays, ecommerce,…

## Description

Hover Lens adds a smooth, cursor-based zoom effect to images in your Framer projects, creating a high-end, interactive experience—perfect for product displays, ecommerce, portfolios, and galleries.

**Interactive Zoom on Hover**

-   Precision-based zoom: Follows the cursor to dynamically magnify image details where the user focuses.
    
-   Smooth animation: Built with Framer Motion, offering fine-tuned easing and animation timing.
    
-   Elegant reset: The image scales back to its original size seamlessly upon hover leave.
    
-   Fully responsive: Adapts to all screen sizes and maintains consistent behavior.
    

**Complete Customization Controls**

-   Hover Lens gives creators flexible controls to tailor the effect to their exact design needs:
    
-   Image upload: Use any image, with automatic responsive handling.
    
-   Zoom factor: Adjustable from subtle (1.5×) to dramatic (up to 5×) zoom levels.
    
-   Transition duration: Fine-tune animation speed and easing curve.
    

**How It Works**

Using Framer and real-time cursor tracking, Hover Lens dynamically updates the transform-origin based on hover position. This creates a natural and immersive zoom that feels intuitive and refined—ideal for emphasizing image-rich content with subtle interactivity.

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

-   All · #5790

## Details

- **Author**: RedDevs
- **Price**: $5.00
- **Published**: 2025-08-12
- **Updated**: 2025-08-12
- **Added**: 2025-08-06
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.