Skip to content

Interactive Lookbook

Hotspots & Product Showcase

Interactive Lookbook preview image 1

Summary

Create immersive shopping experiences with an interactive lookbook for Framer.

Description

Create immersive shopping experiences with an interactive lookbook for Framer. Showcase products using animated hotspots, responsive gallery layouts, draggable pin positioning, rich product popovers, image and video support, and customizable styling—all without writing additional code.

Features

  • Interactive product hotspots with animated pulse effects

  • Draggable hotspot positioning (editor mode)

  • Rich product popovers with images or videos

  • Image & video support for both scenes and products

  • Single image and multi-slide gallery modes

  • Smooth slide transitions with mouse wheel navigation

  • Multiple hotspots per scene

  • Fully responsive across desktop, tablet, and mobile

  • Extensive typography and color customization

  • Three animated button styles (Filled, Outline, Ghost)

  • Thumbnail pagination previews

  • Elegant slide counter and progress indicator

  • Customizable navigation arrows

  • Multiple popup animation styles

  • Touch-friendly interactions for mobile devices

  • Hover or tap activated popovers

  • Custom product details, pricing, and CTA buttons

  • Collection titles, seasons, descriptions, and metadata support

  • Optimized animations with Framer Motion and GSAP

  • Extensive Framer Property Controls

  • Zero-code setup with highly customizable presets

Perfect for

  • Fashion lookbooks

  • Product showcases

  • Furniture collections

  • Interior design portfolios

  • Beauty & cosmetics

  • Jewelry catalogs

  • Art galleries

  • Interactive landing pages

  • E-commerce product presentations

Rank history How rankings work →

110012001300133778/149/49/2610/1811/9
  • All · #3291

Details

More like this