---
title: "FocusCarousel — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Can Girgin · Carousels. Why it’s different True infinite loop that never glitches on fast drags Smooth, spring-based snapping with momentum feel Keyboard,…"
canonical: "https://framer.elliotli.dev/component/focuscarousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/FocusCarousel

# FocusCarousel

Infinite spotlight image slider

[View on Framer](https://framer.com/marketplace/components/focuscarousel/?via=elliot-li)

![FocusCarousel preview image 1](https://framer.elliotli.dev/og/component/focuscarousel/501e67006726ba6c/1600x1200.jpg)

## Summary

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…

## Description

**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 for**Hero 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**.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10555

## Details

- **Author**: Can Girgin
- **Price**: $10.00
- **Published**: 2025-09-17
- **Updated**: 2026-07-29
- **Added**: 2025-09-07
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view