React-glass-zoom NPM

React Glass Zoom

React Glass Zoom is a React component that provides a magnification effect on images, similar to a magnifying glass. This component is highly customizable and easy to integrate into your React applications.

Features

Simple and easy to use
Highly customizable magnifier size and zoom level
No dependencies other than React

Installation

Install the package via npm:

npm i react-glass-zoom

Usage

javascript

import GlassZoom from 'react-glass-zoom';

<GlassZoom>
  <img
    src='https://placehold.co/600x400/EEE/31343C'
    alt='My Image'
    magnifierHeight={200}
    magnifieWidth={200}
    zoomLevel={3}
  />
</GlassZoom>;