> Super fast and light react npm package for zooming, panning and pinching html > elements in easy way

## 🏢 Using this library in production? If your application depends on react-zoom-pan-pinch, I offer paid support to help you resolve issues quickly and avoid blocking releases. #### Sources - [Demo](https://bettertyped.github.io/react-zoom-pan-pinch/?path=/story/basic-image--image) - [Docs](https://bettertyped.github.io/react-zoom-pan-pinch/?path=/docs/docs-props--docs)

## Key Features - 🚀 Fast and easy to use - 🏭 Light, without external dependencies - 💎 Mobile gestures, touchpad gestures and desktop mouse events support - 🎁 Powerful context usage, which gives you a lot of freedom - 🔧 Highly customizable - 👑 Animations and Utils to create own tools - 🔮 Advanced hooks and components ## Try other BetterTyped projects Do you like this library? Here is what else I build and maintain.

--- ## Installation ```bash npm install --save react-zoom-pan-pinch or yarn add react-zoom-pan-pinch ```

## Examples ```jsx import React, { Component } from "react"; import { TransformWrapper, TransformComponent } from "react-zoom-pan-pinch"; const Example = () => { return ( test

); }; ``` or ```jsx import { TransformWrapper, TransformComponent, useControls, } from "react-zoom-pan-pinch"; const Controls = () => { const { zoomIn, zoomOut, resetTransform } = useControls(); return (

); }; const Example = () => { return ( test

Example text

); }; ```

## Help me keep working on this project ❤️ - [Become a Sponsor on GitHub](https://github.com/sponsors/prc5) ## 💖 Our sponsors

## 🏢 Commercial Support If you're using this library in production, I offer paid support: - Priority issue resolution - Help with debugging production issues - Direct contact with the maintainer Plans start at $400/month. 📩 Contact: maciekpyrc@gmail.com ## License MIT © [prc5](https://github.com/prc5)