Feature Map

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.

What's Included

• 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