Ths component lets you place multiple clickable hotspots directly over an image. Each hotspot can reveal a title and detailed description, making it easy to turn a static image into an interactive product, feature, or visual showcase.
Add multiple hotspots and position them anywhere on the image.
Click a hotspot to reveal its related content.
Use custom titles and descriptions for every hotspot.
Ideal for product features, interfaces, spaces, diagrams, and visual explainers.
Keep all information connected to the exact point it describes.
Built for Framer with editable controls for the image, hotspot content, positioning, styling, colors, typography, spacing, and interaction behavior.
Image
Hotspot positions
Titles & descriptions
Hotspot size
Colors
Typography
Spacing
Border radius
Shadows
Animation / transition settings
Place your image, add hotspots from the property panel, and position each one over the relevant area. Visitors can interact with the markers to reveal additional information without leaving the image.