10 Best Image Zoom JavaScript & CSS Libraries For 2017

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

10. ZoomNPan


Demo Download

ZoomNPan is a tiny JavaScript library that allows to zoom in/out and pan an image using mouse wheel and cursor move.

9. Image Zoom


Demo Download

Image Zoom is a pure JavaScript library that provides an intelligent zoom experience on your web images. Inspired by Medium’s image zoom.

8. 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.

7. zoom.js


Demo Download

zoom.js is a Pure JavaScript version of the zoom.js jQuery plugin that provides the Medium-like customizable, touch-enabled, smoothly animated image zooming functionality on the pictures.

6. 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.

5. ImageZoom.js


Demo Download

ImageZoom.js is a lightweight, zero-dependencies JavaScript library which adds zoom in effects to your images on mouse hover.

4. Zoomer.js


Demo Download

Zoomer.js is a dependence-free JavaScript library which provides zoom in and zoom out functionalities on images.

3. Pure CSS Image Hover Zoom Solution

Pure CSS Image Hover Zoom

Demo Download

A minimalist CSS solution to create an image hover zoom effect for product magnification.

2. Lightense.js


Demo Download

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

1. Drift


Demo Download

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