Material Zoom Lens

✦ Give the smallest details their own spotlight.

Material Zoom Lens lets your visitors explore images up close with a smooth, cursor-following magnifier. Perfect for beautiful product photography, interesting materials and the little details that deserve more attention. Make it completely your own with flexible controls for layout, styling and motion :)

⚙ What you can customize

Easily adapt every part of the component to match your own brand and style.

Product image ✦ High-resolution image ✦ Zoom strength ✦ Lens size ✦ Lens shape ✦ Lens border ✦ Image positioning ✦ Image ratio ✦ Headlines ✦ Descriptions ✦ Typography ✦ Colors ✦ Corner radius ✦ Optional product link

🎯 Perfect for

Product showcases ✦ Fashion websites ✦ Interior design ✦ Furniture brands ✦ Jewelry ✦ Architecture ✦ Creative portfolios ✦ Photography ✦ Editorial websites

📱 Responsive by default

The image composition adapts to its container width, with a more compact image layout and touch interaction on smaller screens.

🖱 Included interactions

Cursor-following magnifier ✦ Spring-based movement ✦ Touch dragging ✦ Keyboard navigation ✦ Adjustable magnification ✦ Reduced-motion support ✦ Focus states

🔗 Live Preview

https://courageous-friday-346261.framer.app

––––––––

❤ Thank you so much for your support! I genuinely appreciate every download. I hope you have fun customizing this component and making it your own. Happy building!