Hotspot Showcase

A e-commerce component built for Framer. Live preview below — interact with it directly before you buy.

Buy this component — $8 Preview Get All-Access instead

About Hotspot Showcase

HotspotShowcase is an interactive shoppable image component for Framer. Place clickable hotspot dots anywhere on a lifestyle photo and let visitors explore each product through an animated side panel — without ever leaving the page.

Features

→Interactive hotspot dots with pulse animation — inactive dots pulse with a soft ripple to draw attention naturally
→Animated product card panel showing image, brand name, price, size options, color swatches and a CTA button
→Multi-image carousel per product with arrow navigation
→Color swatch → image sync — clicking a color instantly swaps the product photo with a crossfade
→Built-in dark mode + theme toggle — visitors can override the default live on the page
→Fully responsive layout — side-by-side on desktop, vertical stack on mobile
→Aspect-ratio-aware image container — dots stay pixel-perfect on every breakpoint
→Keyboard & accessibility support — arrow-key navigation, ARIA labels, focus-visible outlines

Best value

Get every component with All-Access — $129

Hotspot Showcase and all 122 others, current and future.

Get All-Access