---
title: "Carousel Slider  — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Nora Salem · Carousels. Infinite looping carousel slider."
canonical: "https://framer.elliotli.dev/component/drag-image-carousel"
---

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

# Carousel Slider

Infinite looping carousel slider.

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

![Carousel Slider  preview image 1](https://framer.elliotli.dev/og/component/drag-image-carousel/4137314971f20018/1600x1200.jpg)

## Summary

Infinite looping carousel slider.

## Description

**Horizontal Image Carousel**

A smooth, responsive **horizontal image carousel** built for modern portfolios and product showcases. The component supports drag interactions, navigation arrows, and flexible layout controls so you can easily adapt it to different design styles.

Perfect for **case studies, galleries, featured projects, or product highlights**.

The carousel allows full control over layout, spacing, styling, and navigation behavior directly inside Framer — no code required.

**Features**

-   Smooth horizontal scrolling
    
-   Drag interaction support
    
-   Optional navigation arrows
    
-   Flexible layout configuration
    
-   Responsive image display
    
-   Fully customizable styling
    
-   Easy image management
    

**Controls**

This carousel is designed to be **easy to control and fully customizable directly inside Framer**. Users can quickly adjust the layout, spacing, image size, and styling without touching any code.

You can **add titles to the images or hide them completely**, you have full control over **all font properties**, including font family, size, color, and styling.

The component also includes an **auto-play option**, allowing the carousel to move automatically. You can **enable or disable auto-play and control the animation speed** to match the pacing of your design.

All key settings — including **visible images, gaps, borders, navigation arrows, and styling** — can be easily customized from the component controls.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-5op84uqr-O0AC4wk69jIa3bVDXiGnTIaU8oNeBd)

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

-   All · #8121

## Details

- **Author**: Nora Salem
- **Price**: $15.00
- **Published**: 2026-03-13
- **Updated**: 2026-06-26
- **Added**: 2026-03-07
- **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