---
title: "Smart Lens Cursor — Free Framer component · Best of Framer"
description: "Free Framer component · by Muhmad Hmdo · Cursors. Ultimate Smart Lens Cursor for Framer Transform your website into a unique interactive experience with an intelligent magnifying lens…"
canonical: "https://framer.elliotli.dev/component/smart-lens-cursor"
---

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

# Smart Lens Cursor

Smart magnifying lens with dynamic zoom

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

![Smart Lens Cursor preview image 1](https://framer.elliotli.dev/og/component/smart-lens-cursor/429f903504399846/1600x1200.jpg)

## Summary

Ultimate Smart Lens Cursor for Framer Transform your website into a unique interactive experience with an intelligent magnifying lens that follows your mouse with smooth…

## Description

**Ultimate Smart Lens Cursor for Framer**

Transform your website into a unique interactive experience with an intelligent magnifying lens that follows your mouse with smooth physics-based animations.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-z628h3op-Ha84wJNJjyQUolOcTaJeEHO3pUsqlN)

### Key Features:

-   **Smart Zoom**: Auto-adjusting zoom levels for text (2.5x), images (1.5x), and default elements
    
-   **Glassmorphism Design**: Modern glass effect with backdrop blur and gradient borders
    
-   **Realistic Physics**: Fully customizable spring-based movement (damping & stiffness)
    
-   **Contextual Tooltips**: Instant info about elements (word count, image dimensions, etc.)
    
-   **Keyboard Mode**: Full arrow key control + Enter to interact + Escape to exit
    
-   **Accessibility First**: Respects Reduced Motion, screen reader compatible
    
-   **Deep Customization**: Colors, sizes, opacity, and custom cursor images
    

### Perfect For:

-   Creative portfolio websites
    
-   E-commerce product details
    
-   Documentation sites (reading small text)
    
-   Interactive presentations
    

### Customizable Properties:

-   Lens size (20px - 300px)
    
-   Zoom levels per content type
    
-   Glass opacity (0-1)
    
-   Crosshair color & opacity
    
-   Spring physics configuration
    
-   Toggle tooltips & animations
    

### Accessibility Standards:

-   WCAG 2.1 AA compliant
    
-   Full keyboard navigation
    
-   Respects prefers-reduced-motion
    
-   Screen reader compatible
    

## History:

### Version 1.1 - New Features

Added fullscreen preview mode with customizable hint text and colors. Click the lens to enter fullscreen for detailed inspection. Perfect for showcasing product details and design work.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-jj1wgvn5-LNWm8AGyU57NRnK3PfqPcxE0hgh4R6)

Free Templates: [https://muhmad.me](https://muhmad.me)

Support Email: [framer@muhmad.me](mailto:framer@muhmad.me)

_100% Free | No external dependencies required_

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

-   All · #6920

## Details

- **Author**: Muhmad Hmdo
- **Published**: 2026-02-20
- **Updated**: 2026-02-26
- **Added**: 2026-02-12
- **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…