Product Explorer

Product Feature Explorer – Interactive Hotspot Gallery for Framer

Turn any product image into an interactive feature tour. Add clickable hotspots that open detail panels with titles, descriptions, and zoomed-in previews of specific image areas.

Features

• Interactive Hotspots: Add and position multiple markers anywhere on an image.

• Detail Panels: Reveal a title, description, and zoomed preview when a hotspot is clicked.

• Flexible Panel Layout: Dock the panel to the left, right, or bottom.

• Responsive Design: Automatically switches to a bottom sheet in narrow containers.

• Easy Navigation: Move between hotspots using arrows, dots, or keyboard controls.

• Autoplay: Automatically cycle through hotspots.

• Static-Render Safe: Supports static previews in the Framer canvas and exports.

Customize

• Hotspots: Add, remove, and position markers with individual titles and descriptions.

• Marker Style: Choose plus, dot, or number markers and adjust size, anchor point, and hover scale.

• Pulse Effect: Toggle the pulse ring around inactive markers.

• Panel: Set its position, width, offset, and responsive breakpoint.

• Zoom Preview: Show a magnified crop of the image around each selected hotspot.

• Colors: Customize the stage, panel, markers, and text independently.

• Typography: Adjust title and body fonts using Framer’s extended font controls.

• Transitions: Customize the panel’s entrance and exit motion.

How It Works

Position hotspots on your image using X/Y percentages. When a visitor clicks a marker, a detail panel slides in from the selected side, showing the feature’s title, description, and zoomed image preview. Visitors can explore other features using navigation controls or let autoplay cycle through them.

License: Unlimited personal and client projects. No resale or redistribution.

Refunds: Not working? Email us first and we’ll fix it within 24 hours.

Questions? support@russetsupply.com