Product details page style zoomable image

React Inner Image Zoom Component

Great for ecommerce product images!

$0

View on Github
  • Details
  • Zoom + pan on hover and zoom + drag on touch
  • Supports responsive images
  • Can be used with other popular React components
  • Photo credit: Micheile Henderson on Unsplash

Quick Start

Install:
npm install react-inner-image-zoom
Style:
Grab styles.css from Github or
import 'react-inner-image-zoom/lib/InnerImageZoom/styles.css'
Import:
import InnerImageZoom from 'react-inner-image-zoom'
Render:
<InnerImageZoom src="/path/to/image.jpg" />