FocusCarousel
A fast, accessible, infinite image carousel with a subtle spotlight focus. Drag, arrows, keyboard or autoplay. Built for Framer, tuned for smooth performance.
Make it with Workshop
Build your own component with AI
About this Component
OverviewFocusCarousel 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
Drop FocusCarousel onto your canvas.
Add your images and fill Alt text for accessibility/SEO.
Tweak Card Width / Height and Gap (default 28px).
Tune feel via Snap (Spring/Ease), Drag Speed, Momentum.
Optional: enable Arrows, Autoplay, Keyboard.
