---
title: "Lookbook Slider CMS — Framer component · Best of Framer"
description: "$10.00 · Framer component · by sherwin · Carousels. Lookbook Hotspot Carousel"
canonical: "https://framer.elliotli.dev/component/lookbook-slider-cms"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Lookbook Slider CMS

# Lookbook Slider CMS

Lookbook Hotspot Carousel

[View on Framer](https://framer.com/marketplace/components/lookbook-slider-cms/?via=elliot-li)

![Lookbook Slider CMS preview image 1](https://framer.elliotli.dev/og/component/lookbook-slider-cms/6ab2c5fae47e129c/1600x1200.jpg)

## Summary

Lookbook Hotspot Carousel

## Description

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #2021

## Details

- **Author**: sherwin
- **Price**: $10.00
- **Published**: 2026-08-15
- **Updated**: 2026-09-12
- **Added**: 2026-08-15
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow