---
title: "Feature Map — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Jephthah Ledum · Interactive. Feature Map turns any product image into an interactive feature showcase."
canonical: "https://framer.elliotli.dev/component/feature-map"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Feature Map

# Feature Map

Interactive product hotspots

[View on Framer](https://framer.com/marketplace/components/feature-map/?via=elliot-li)

![Feature Map preview image 1](https://framer.elliotli.dev/og/component/feature-map/46f4f1b17f072284/1600x1200.jpg)

## Summary

Feature Map turns any product image into an interactive feature showcase.

## Description

[Feature Map](https://featuremapcomponent.framer.website/) 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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #4756

## Details

- **Author**: Jephthah Ledum
- **Price**: $5.00
- **Published**: 2026-06-17
- **Updated**: 2026-07-03
- **Added**: 2026-06-17
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase