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.
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.
