---
title: "Deep Zoom — Framer component · Best of Framer"
description: "$18.00 · Framer component · by Nostromo Studio · Galleries. Deep Zoom turns any photo into a clickable lightbox you can zoom deep into — scroll or drag to explore every detail, the way…"
canonical: "https://framer.elliotli.dev/component/deep-zoom"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Deep Zoom

# Deep Zoom

Photo Viewer Lightbox

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

![Deep Zoom preview image 1](https://framer.elliotli.dev/og/component/deep-zoom/12bef627c61a9c0d/1600x1200.jpg)

## Summary

Deep Zoom turns any photo into a clickable lightbox you can zoom deep into — scroll or drag to explore every detail, the way a native photo viewer works, built for the web.

## Description

**Deep Zoom** turns any photo into a clickable lightbox you can zoom deep into — scroll or drag to explore every detail, the way a native photo viewer works, built for the web.

Fine-tune the zoom itself — max zoom level, scroll intensity, zoom step, and easing — and choose between a fullscreen lightbox or one that hugs the photo's own ratio.

Want the zoom right in your layout, no lightbox? Check out [Deep Zoom Inline](https://www.framer.com/marketplace/components/deep-zoom-inline/), its sibling component.

### Usage Note

Great for photographers showcasing work in print-quality detail. The full resolution image only loads once opened, but it's still a full file — mind its weight, since large files affect load time and your Framer plan's bandwidth.

## Key Features

### Image

-   Separate Image (canvas) and Full Resolution (lightbox) fields — the heavy file only loads once opened
    
-   Upload or URL
    
-   Optional hover effect scales the image slightly before opening
    

### Lightbox

-   Fit to Image hugs the box to the photo's ratio, no bars — or set a fixed Width/Height
    
-   Native Radius, framed tightly around the photo
    
-   Spring-like pop animation on open and close
    

### Zoom

-   Scroll to zoom exactly under your cursor, drag to pan
    
-   Pinch-to-zoom and one-finger pan on mobile
    
-   −/+ buttons, keyboard shortcuts, live zoom percentage
    
-   Max Zoom, Scroll Intensity, Step Zoom, and Zoom Smoothing, all adjustable
    

### Navigation

-   Draggable minimap shows your position inside a zoomed photo
    
-   Escape, close button, or click outside — all close the lightbox
    
-   Optional download button for the full-resolution file, right in the lightbox
    

### Overlay

Customizable Color and Blur, or fully transparent while keeping click-outside-to-close

### Accessibility

Full keyboard support (Tab trapped inside, Escape, +/− zoom) and focus returns to the trigger on close.

## How to Set Up

1\. Drag Deep Zoom onto your canvas

2\. Upload an Image and Full Resolution image

3\. Publish

## Refund Policy

All sales of digital products are final and non-refundable. Questions? Contact [hellonostromostudio@gmail.com](mailto:hellonostromostudio@gmail.com) before purchasing. Enjoy!

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

-   All · #5628

## Details

- **Author**: Nostromo Studio
- **Price**: $18.00
- **Published**: 2026-08-21
- **Updated**: 2026-08-31
- **Added**: 2026-08-21
- **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.