---
title: "Deep Zoom Inline — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Nostromo Studio · Galleries. Deep Zoom Inline drops a photo right into your layout and lets visitors zoom into it in place — no popup, no lightbox, just deep…"
canonical: "https://framer.elliotli.dev/component/deep-zoom-inline"
---

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

# Deep Zoom Inline

Full-Res Zoom & Drag Viewer

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

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

## Summary

Deep Zoom Inline drops a photo right into your layout and lets visitors zoom into it in place — no popup, no lightbox, just deep zoom exactly where the image already lives.

## Description

**Deep Zoom Inline** drops a photo right into your layout and lets visitors zoom into it in place — no popup, no lightbox, just deep zoom exactly where the image already lives.

Ctrl/Cmd + scroll to zoom without hijacking the page's own scroll, drag to pan, or use the on-screen controls.

Want a fullscreen lightbox instead? Check out [Deep Zoom](https://www.framer.com/community/marketplace/components/deep-zoom/), its sibling component.

## Usage Note

Upload the highest-quality file you have: there's no separate low-res version, so whatever you set is exactly what gets zoomed into, and a small or compressed file will just look soft once zoomed. That same file loads directly on the page, adding to its weight and your Framer plan's bandwidth.

## Key Features

### Image

-   Upload an image or switch Source to URL
    
-   Background color shows through when the image's ratio doesn't match the frame
    
-   Optional download button, with a custom file name
    

### Zoom

-   Ctrl/Cmd + scroll to zoom exactly under your cursor — plain scroll still moves the page
    
-   Pinch-to-zoom and one-finger pan on mobile
    
-   −/+ buttons and a live zoom percentage
    
-   Max Zoom, Scroll Intensity, and Zoom Smoothing, all adjustable
    

### Navigation

-   Draggable minimap shows your position inside a zoomed photo
    
-   Escape resets the zoom back to 100%
    
-   A brief on-screen hint nudges visitors who scroll without the modifier key
    

### Accessibility

Keyboard support (+/− zoom, Escape) and clear focus handling.

## How to Set Up

1.  Drag Deep Zoom Inline onto your canvas
    
2.  Upload an Image
    
3.  Set a fixed Width/Height, lock the ratio if you like
    
4.  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 · #6960

## Details

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