Feature Map turns any product image into an interactive feature showcase. Place animated hotspot pins directly onto your product photo — each pin pulses with a layered glow animation and reveals a floating feature card on tap, showing a title and description exactly where that feature lives on the product.
Built for premium product pages, hardware showcases, wearables, and any Framer site where a static image undersells the product.
Dual-ring pulsing glow animation on every pin
Floating feature cards with smart edge detection — auto-flips left, right, up, or down to stay within bounds
Full-width card rendered below the image on mobile — zero overflow, fully responsive
Multi-product carousel with left/right arrows and an animated pill indicator
Persistent hotspot state across product switches
Tap anywhere on screen to dismiss an open card
Per-product dot color control
Preview Product prop for browsing products directly on the Framer canvas
Feature Map turns any product image into an interactive feature showcase. Place animated hotspot pins directly onto your product photo — each pin pulses with a layered glow animation and reveals a floating feature card on tap, showing a title and description exactly where that feature lives on the product.
Built for premium product pages, hardware showcases, wearables, and any Framer site where a static image undersells the product.
Dual-ring pulsing glow animation on every pin
Floating feature cards with smart edge detection — auto-flips left, right, up, or down to stay within bounds
Full-width card rendered below the image on mobile — zero overflow, fully responsive
Multi-product carousel with left/right arrows and an animated pill indicator
Persistent hotspot state across product switches
Tap anywhere on screen to dismiss an open card
Per-product dot color control
Preview Product prop for browsing products directly on the Framer canvas
