component
Feature Map
By Jephthah Ledum
Details
- Jephthah LedumAuthor
- componentType
- $5.00Price
- 2026-06-17Published
- 2026-07-03Updated
- 2026-06-17Added
- MapsCategories
Summary
Feature Map turns any product image into an interactive feature showcase.
Description
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
Introduction
Interactive product hotspots
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #1619