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.