Lookbook Slider CMS

Lookbook Hotspot Carousel

An interactive Framer lookbook component that turns a large image into a shoppable, product-focused experience. Add customizable product pins directly over the lookbook image, reveal product previews on hover, and switch between products with smooth transitions. Key Features Interactive Product Pins: Position up to 20 products precisely using X/Y coordinates. CMS Ready: Connect Framer CMS Lookbooks and product collections with automatic filtering for the current lookbook. Hover Product Preview: Display product image, name, and price directly beside each pin. Smooth Transitions: Choose from fade, slide, sliding, slide-up, scale, or no transition. Responsive Layout: Automatically adapts to the component's actual width, with dedicated mobile behavior. Accurate Pin Positioning: Pins remain attached to their original image coordinates as the lookbook scales across screen sizes. Fully Customizable: Adjust pin styling, rings, pulse effects, colors, typography, image radius, spacing, and preview appearance. Product Links: Make products clickable and optionally open links in a new tab. Perfect for fashion lookbooks, furniture collections, interior design, product showcases, editorial commerce, and visual shopping experiences.

Lookbook Hotspot Carousel