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
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
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
Drift is a standalone and highly configurable JavaScript library that provides responsive, smooth hover (or touch) zoom effect on images.
4. Drift
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 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
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 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
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 is a pure JavaScript plugin that provides a Medium-like, mobile-friendly zoom effect on your images.
10. Wheelzoom
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.