Live Preview: https://hotspotcarousel.framer.website/

About Component

HotspotCarousel is an interactive image carousel for Framer. Place clickable hotspot pins anywhere on each slide — each pin opens a popup card with a title, price, description, and a CTA button. Perfect for shop-the-look campaigns, product showcases, and visual storytelling.

Smooth pulse ring animation on hotspot dots

Per-slide hotspot configuration — unique pins for every image

Popup card with title, price, description, and CTA button

Thumbnail strip navigation with smooth scroll

Slide counter badge with custom font and color

Caption overlay with top or bottom positioning

Fullscreen lightbox with fade animation

Autoplay with configurable interval

Swipe, arrow key, and dot navigation

Fully responsive with touch and mobile support

Works out of the box — no setup needed

Full property controls: fonts, colors, sizes, radius, and more

Use Cases

Product showcase & shop-the-look campaigns

Interior design & architecture portfolios

Fashion & lifestyle brand websites

Real estate property feature pages

Restaurant menu & food photography sites

Travel & destination landing pages

Furniture & home decor showcases

Portfolio & visual storytelling sites

SaaS feature highlight sections

Editorial & magazine-style layouts

Keywords

hotspot carousel, image hotspot, interactive image pins, clickable hotspot, product carousel, image popup card, hotspot overlay, carousel with pins, interactive carousel, hotspot image gallery, shop the look, product pin, image annotation carousel, carousel component, popup card hover, thumbnail carousel, lightbox carousel, per-slide hotspot, animated hotspot, image carousel