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.

View on NPM Website Source code

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

Frequently asked questions

What does this package do?

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.

Who is this package for?

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

How do I install it?

npm install react-image-section-mapper