Skip to main content
Back to NPM packages
react-image-section-mapperv1.0.3

React Image Section Mapper

Build interactive image maps and editable hotspots in React.

Overview

A TypeScript React component for creating clickable, draggable, and resizable sections on top of images. It supports responsive layouts, saved section data, read-only mode, custom themes, and section event hooks.

Best for

  • Image annotation tools
  • Interactive product or floor-plan maps
  • Hotspots and visual navigation
  • Admin editors for image regions

Benefits

  • Drag and resize sections without building the interaction layer yourself
  • Responsive and TypeScript-friendly API
  • Read-only mode for published experiences
  • Configurable limits, themes, and click/hover events

Installation

npm install react-image-section-mapper

Built with

ReactTypeScriptImage Mapping