---
title: "Pan and Zoom Viewer — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Desygnative · Interactive. High-precision image exploration"
canonical: "https://framer.elliotli.dev/component/pan-zoom-viewer"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Pan and Zoom Viewer

# Pan and Zoom Viewer

High-precision image exploration

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

![Pan and Zoom Viewer preview image 1](https://framer.elliotli.dev/og/component/pan-zoom-viewer/c3e97071908cd90b/1600x1200.jpg)

## Summary

High-precision image exploration

## Description

**The Pan & Zoom Viewer** is a versatile Framer component that lets users pan and zoom images with smooth, intuitive controls. The built-in toolbar provides quick access to pan mode, zoom in/out, and reset functions. The control panel is fully customizable—change its position, background, corner radius, padding, and shadow to match your design.The component supports responsive images and adapts to any layout, making it so perfect for **Navigating large maps and blueprints**, **Reviewing large documents**, **Navigating 3D environments**, and more.

## Features:

-   Pan and zoom with mouse, touch, or toolbar controls
    
-   Responsive image support
    
-   Customizable toolbar and control panel
    
-   Reset to fit image automatically
    
-   Accessible and easy to use
    
-   Works in any Framer project
    

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

-   All · #2712

## Details

- **Author**: Desygnative
- **Price**: $7.00
- **Published**: 2025-10-23
- **Updated**: 2026-08-26
- **Added**: 2025-10-13
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase