21 Zoom Javascript Libraries For Web & Mobile

Zooming is often used on a product image to enlarge it for better viewing by potential customers. So here are 21 Zoom Javascript Libraries For Web & Mobile that will let you zoom any HTML elements.

OpenSeadragon

OpenSeadragon

An open-source, web-based viewer for zoomable images, implemented in pure JavaScript.

Source

Zoomooz

Zoomooz

An easy-to-use jQuery plugin for making zooming web pages.

Source

Zooming

zooming

Image zoom that makes sense.

Source

svg-pan-zoom library

svg-pan-zoom library

Simple pan/zoom solution for SVGs in HTML. It adds events listeners for mouse scroll, double-click and pan, plus it optionally offers: JavaScript API for control of pan and zoom behavior, onPan and onZoom event handlers, On-screen zoom controls.

Source

Uber Zoom

Uber Zoom

Next-gen smooth zoom & pan for your images and photos. It uses many features that you would normally find in a native iOS or Android app to improve the user experience, like rubberbanding and intertia. You can enable fullscreen support to give your users a truly immersive experience when viewing your high resolution photos and images. Works on desktop and mobile!

Source

Zoomerang

Zoomerang

Zoom in, zoom out on (almost) anything in your page.

Source

ZOOM.JS

ZOOM.JS

A simple jQuery plugin for image zooming; as seen on Medium.

Source

Magnifier

Magnifier

Javascript library enabling magnifying glass effect on an images.

Source

Wheelzoom

Wheelzoom

A small script for zooming IMG elements with the mousewheel/trackpad. Wheelzoom works by replacing the img element’s src with a transparent image, then using the original src as a background image, which can be sized and positioned. Wheelzoom is dependency free, doesn’t add any extra elements to the DOM, or change the positioning of the IMG element.

Source

iScroll

iScroll

iScroll is a high performance, small footprint, dependency free, multi-platform javascript scroller. iScroll does not just scroll. It can handle any element that needs to be moved with user interaction. It adds scrolling, zooming, panning, infinite scrolling, parallax scrolling, carousels to your projects and manages to do that in just 4kb. Give it a broom and it will also clean up your office.

Source

Zynga Scroller

Zynga Scroller

Accelerated panning and zooming for DOM and Canvas.

Source

Drift

Drift

Easily add “zoom on hover” functionality to your site’s images. Lightweight, no-dependency JavaScript.

Source

Bigpicture

Bigpicture

Bigpicture.js is a library that allows infinite panning and infinite zooming in HTML pages.

Source

Fabric.js

Fabric.js

Fabric.js is a powerful and simple Javascript HTML5 canvas library. It allows you to zoom in / zoom out html5 canvas with the mouse wheel.

Source

Cropit

Cropit

A “customizable crop and zoom” jQuery plugin.

Source

PinchZoom

PinchZoom

A Javascript library providing multi-touch gestures for zooming and dragging on any DOM element. Works on both iOS and Android.

Source

Panzoom

Panzoom

Extensible, mobile friendly pan and zoom framework (supports DOM and SVG).

Source

ZooMove

ZooMove

It’s a plugin developed with jQuery, that allows to dynamically zoom images with mouseover, and view details with mouse move.

Source

Zoomwall

Zoomwall

A content-focused photo gallery using a horizontal masonry layout that scales up in lightbox mode.

Source

Lightense Images

Lightense Images

A dependency-free pure JavaScript image zooming library less than 2 KB (gzipped).

Source

Magnificent.js

Magnificent.js

Zoom responsively. A jQuery plugin for responsive zoom of images & more!

Source

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.