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-mapperBuilt with
ReactTypeScriptImage Mapping