10 Best Image Zoom JavaScript & CSS Libraries (2020 Update)

This is the 10 best JavaScript and/or CSS libraries to zoom your images within the document for a better user experience. I hope you like it and don’t forget to spread the world.

Originally Published Dec 17 2017, updated Mar 12 2020

1. medium-zoom

Pure JavaScript Medium-style Image Zoom Library - medium-zoom

Demo Download

medium-zoom is a lightweight and dependency-free JavaScript library used for creating a responsive, user-friendly image zoom / lightbox effect as seen on Medium.com pages.


2. Smooth Image Zooming As Seen On Medium.com – zooming.js

Smooth Image Zooming As Seen On Medium.com - zooming.js

Demo Download

zooming.js is a lightweight, dependency-free, mobile-friendly image zooming library inspired by Medium.com.


3. Zoom Any Element Within The Document – zoomerang.js

Zoom Any Element Within The Document - zoomerang.js

Demo Download

Drift is a standalone and highly configurable JavaScript library that provides responsive, smooth hover (or touch) zoom effect on images.


4. Drift

Drift

Demo Download

zoomerang.js is a JavaScript zoom library created by Evan You (the author of Vue.js) that makes it easier to zoom in any DOM elements within the document.


5. Minimal Inline Image Zoom In JavaScript – Amplify

Amplify

Demo Download

Amplify is a lightweight inline image zoom library that allows users to increase the size of images in their original positions. Press on the Enter and Space keys to close the enlarged images.


6. Google Photos Inspired Image Zoom & Pan Plugin – iv-viewer

Demo Download

A feature-rich, touch-enabled jQuery & Vanilla JavaScript image viewer plugin that provides zooming and panning functionalities for your images, inspired by Google Photo.


7. Lightense.js

Lightense.js

Demo Download

Lightense.js is a lightweight and simple to use JavaScript library for image zooming as you seen on Medium.com.


8. Zoom Image On Hover – js-image-zoom

Zoom Image On Hover - js-image-zoom

Demo Download

A lightweight and zero-dependency JavaScript image zoom library to enlarge part of your image and display the zoomed image in a specific container on mouse hover.


9. MediumLightbox

MediumLightbox

Demo Download

MediumLightbox is a pure JavaScript plugin that provides a Medium-like, mobile-friendly zoom effect on your images.


10. Wheelzoom

wheelzoom

Demo Download

This is a pure JavaScript of the jQuery Wheelzoom plugin that provides ‘mouse-wheel to zoom’ and ‘drag to pan’ functionalities on an image. Based on HTML5 canvas and has events handling support.


More Resources:

To find more JavaScript and/or CSS libraries to provide a zoom functionality on your images, don’t forget to check out our other awesome resources.

You Might Be Interested In: