---
title: "Swiftslide_Carousel2 — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Vrny Studios · Carousels. A draggable image carousel with autoplay"
canonical: "https://framer.elliotli.dev/component/swiftslide-carousel2"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Swiftslide\_Carousel2

# Swiftslide\_Carousel2

A draggable image carousel with autoplay

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

![Swiftslide\_Carousel2 preview image 1](https://framer.elliotli.dev/og/component/swiftslide-carousel2/755c02b483677d69/1600x1200.jpg)

## Summary

A draggable image carousel with autoplay

## Description

This is a feature-rich React carousel component designed for showcasing image galleries with professional interactions. The component offers:

**Core Features:**

-   **Draggable Navigation**: Smooth touch and mouse-based dragging to swipe between slides
    
-   **Autoplay System**: Automatic slide progression with a visual progress bar that fills before transitioning
    
-   **Multiple Navigation Methods**: Dot indicators, play/pause control, and swipe gestures
    
-   **Responsive Design**: Adapts to container width with customizable slide widths
    

**Key Capabilities:**

-   Displays 5 default Unsplash images or accepts custom image arrays (up to 20 images)
    
-   Configurable slide dimensions (width: 30-100%, height: 200-800px)
    
-   Adjustable autoplay timing (1-10 seconds between transitions)
    
-   Optional call-to-action button with customizable text, link, and typography
    
-   Smooth animations using CSS transitions and requestAnimationFrame
    
-   Touch-optimized for mobile devices with pan-y support
    

**Technical Highlights:**

-   Built with React hooks (useState, useEffect, useRef, useCallback)
    
-   Framer Motion property controls for visual editing in Framer
    
-   Proper event handling for both mouse and touch interactions
    
-   Performance-optimized with transform-based animations and will-change hints
    
-   Circular navigation that loops infinitely through slides
    

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

-   All · #11121

## Details

- **Author**: Vrny Studios
- **Price**: $10.00
- **Published**: 2026-01-16
- **Updated**: 2026-01-28
- **Added**: 2026-01-04
- **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