transcriptic/react-map-interaction

This React component library enables map-like zooming and panning interactions on any element, supporting both touch devices (pinch to zoom, drag to pan) and mouse/trackpad input (wheel scroll to zoom, mouse drag to pan). It provides two main components: MapInteractionCSS for CSS-based scaling and MapInteraction for custom scaling logic, both offering controlled and uncontrolled usage modes. The library is ideal for React developers building interactive visualizations, image viewers, or any interface requiring intuitive zoom and pan functionality.