---
title: "Autoplay Loop Slider — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Nora Salem · Carousels. Cinematic infinite image slider"
canonical: "https://framer.elliotli.dev/component/autoplay-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Autoplay Loop Slider

# Autoplay Loop Slider

Cinematic infinite image slider

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

![Autoplay Loop Slider preview image 1](https://framer.elliotli.dev/og/component/autoplay-slider/e417d44639ca1e7b/1600x1200.jpg)

## Summary

Cinematic infinite image slider

## Description

## Controls (What the user can customize)

-   **Items (Content)**
    
    -   Upload as many images as you want
        
    -   Optional background image per item _(falls back to the main image if not set)_
        
    -   Title text
        
-   **Layout**
    
    -   Number of visible items
        
    -   Card width (when single view)
        
    -   Card height
        
    -   Gap between items
        
    -   Border radius
        
-   **Background**
    
    -   Background height (vh)
        
    -   Dynamic background per active item
        
    -   Overlay dim opacity
        
-   **Styling**
    
    -   Image fit (cover / contain / fill)
        
    -   Active border color
        
    -   Active border width
        
    -   Title color
        
    -   Full typography control (font, size, weight, etc.)
        
-   **Motion & Behavior**
    
    -   Auto-play toggle
        
    -   Auto-play speed (interval)
        
    -   Infinite looping (built-in)
        
    -   Smooth linear motion
        
    -   Active item detection (center focus)
        

## What this slider is perfect for

-   **Portfolio showcases**Highlight selected work with cinematic transitions and focus.
    
-   **Visual storytelling**Great for sequencing landscapes, photography, or brand visuals.
    
-   **Hero sections**Creates an immersive first impression with motion and depth.
    
-   **Creative studios & agencies**Works well for art direction, campaigns, or mood-driven content.
    
-   **Product highlights**Showcase featured items with a premium, editorial feel.
    
-   **Lookbooks / collections**Ideal for fashion, interiors, or curated visual sets.
    

## Why it stands out

-   Infinite, seamless motion (no hard stops)
    
-   Background transitions tied to active slide
    
-   Subtle GSAP text animation (SplitText lines)
    
-   Center-focused interaction for clarity
    
-   Feels cinematic, not just functional
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ozkf6lrt-faL05NjiJXjrHtDQ8xdkr7VFk5GzNx)![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ozkf6lrt-4wGyWKrR972udYczl8cHgjLcpthOvS)

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

-   All · #7981

## Details

- **Author**: Nora Salem
- **Price**: $12.00
- **Published**: 2026-04-24
- **Updated**: 2026-05-09
- **Added**: 2026-04-15
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow