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