Fan Carousel — a responsive Framer component showing image cards in a layered, fanned layout with smooth transitions, drag, scroll & keyboard navigation, clickable cards, overlays, tags, and editable headlines.

Use Cases Landing heroes, campaigns, product collections, portfolios, travel sections, editorial stories, galleries, and brand presentations — when you want a carousel that feels more expressive and dynamic than a standard slider.

––––––––––––––––––––––––––– Customization Fully editable via the panel: card content (images, titles, subtitles, tags, links), headlines, layout (size, fan spread, rotation, scale, radius, animation speed), drag & scroll behavior, per-device positioning, plus full typography and color control. Dramatic by default, flexible for any direction.

––––––––––––––––––––––––––– Responsive

• Desktop: larger cards, wider spread, full depth

• Tablet: spread, rotation & headlines scale down

• Mobile: tighter spread, softer rotation, smooth touch nav

Layout adapts to the actual container width.

––––––––––––––––––––––––––– Visual & layout

• Fanned cards with subtle rotation, one centered in focus

• Depth via scale, rotation, offset, shadow & z-index

• Image-first cards with title, subtitle & tag overlays

• Topic + main headline above the carousel

––––––––––––––––––––––––––– Interaction

• Drag/swipe, arrow-key & optional scroll navigation

• Click-to-focus, active card opens its link

• Hover feedback & bottom indicators

––––––––––––––––––––––––––– Preview https://decisive-reassurance-155626.framer.app/