FocusCarousel

FocusCarousel

About FocusCarousel

Overview

Focus Carousel is a modern, infinite image slider for Framer. It keeps the center card in “focus” with a soft spotlight while side cards gently dim and scale—perfect for hero sections, portfolios and shops.

Why it’s different

  • True infinite loop that never glitches on fast drags

  • Smooth, spring-based snapping with momentum feel

  • Keyboard, arrows and wheel support out of the box

  • Accessible: custom alt text per image + reduced-motion respect

  • Drop-ready defaults and clean property panel

Key features

  • Infinite linear deck (non-curved) with spotlight effect

  • Drag, arrows, keyboard; optional autoplay timer

  • Adjustable card size, gap, radius, scale and depth

  • Performance-minded: GPU transforms, lazy images, no layout thrash

  • A11y: alt per image, aria-current on focused card

Best forHero headers • Case studies • Product galleries • App screenshots • Editorial features

How to use

  1. Drop FocusCarousel onto your canvas.

  2. Add your images and fill Alt text for accessibility/SEO.

  3. Tweak Card Width / Height and Gap (default 28px).

  4. Tune feel via Snap (Spring/Ease), Drag Speed, Momentum.

  5. Optional: enable Arrows, Autoplay, Keyboard.