Pan Zoom logo

Pan Zoom

Published January 2023
   •    Updated this month

Plugin details

Panzoom is a small library  to add panning and zooming functionality to an element. Rather than using absolute positioning or setting width and height, Panzoom uses CSS transforms to take advantage of hardware/GPU acceleration in the browser, which means the element can be anything: an image, a video, an iframe, a canvas, text, WHATEVER.

Free

For everyone

4.5 stars   •   4 ratings
222 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Moabe Vettore logo
Moabe Vettore
Joined 2020   •   19 Plugins
View contributor profile

Instructions

Put a panZoom element on the page and reference the HTML ID of the element that you want to zoom.

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact

Rating and reviews

Average rating (4.5)

Wow - so easy and it just works!
July 23rd, 2025
Installed, and 5 seconds later I could zoom. Awesome plugin, thanks Moabe!
Congratulations, what an incredible plugin
August 11th, 2024
I wasn't expecting anything, so I went there, installed it and it worked easily, without any difficulty, it's incredible!
Great. Would be nice to have access to zoom level
May 11th, 2024
This is great. Could you please expose the zoom percentage on the element so I can add conditions to it such as increasing font size etc.?
Love it!
August 15th, 2023
We are currently using this as a main feature. Its easy to set up and works as described. One feature I would like is to be able to set the initial position to center and to be able to set the initial zoom level.
Thanks for your review 😀 (plugin author)
September 28th, 2023
  •  
Moabe Vettore
I'd like to request a feature. A way to set the starting pan and zoom position. Currently it looks to be at position X at 0 and Y at 0 with a zoom at 100%. Which always loads my map at the top left position. Id like to be able to set it to X at 500, Y at 500 and zoom at 75% to center the map.
November 22nd, 2023
  •  
Original reviewer
Bubble