---
title: "Video Slideshow — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Camille HAIDAR · Carousels. Displays videos in a responsive horizontal slideshow Supports both landscape and portrait content Scroll/swipe navigation…"
canonical: "https://framer.elliotli.dev/component/video-slideshow"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Video Slideshow

# Video Slideshow

Responsive video carousel for Framer

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

![Video Slideshow preview image 1](https://framer.elliotli.dev/og/component/video-slideshow/89f5d7b91f74fb49/1600x1200.jpg)

## Summary

Displays videos in a responsive horizontal slideshow Supports both landscape and portrait content Scroll/swipe navigation with optional keyboard and arrow controls Multiple…

## Description

-   Displays videos in a responsive horizontal slideshow
    
-   Supports both landscape and portrait content
    
-   Scroll/swipe navigation with optional keyboard and arrow controls
    
-   Multiple navigation UI styles (modern pill, simple dots, or minimal)
    
-   Built-in styling controls for fast visual matching with your brand
    

### Customization options

-   Slide data (video + title + subtitle + poster)
    
-   Layout controls (width, gap, radius, inactive look)
    
-   Navigation controls (arrows on/off, keyboard support)
    
-   Pagination controls (pill/dots/none)
    
-   Playback options (muted, native controls, behavior settings)
    
-   Label typography (font, size, color, alignment, spacing)
    

### Best for

-   Product demos
    
-   Portfolio case studies
    
-   Course previews
    
-   Social proof reels
    
-   Landing page hero sections
    
-   Testimonial videos
    

### Setup (quick)

1) Add the component to your Framer page

2) Add your slides (video + optional title/subtitle/poster)

3) Choose your navigation style

4) Tweak spacing, typography, and colors

5) Publish

### Tips for best results

-   Use optimized video files for faster page loads
    
-   Add poster images for cleaner first paint
    
-   Keep title/subtitle concise for better readability
    
-   Use consistent aspect choices per section for visual rhythm
    

### What buyers get

-   The Video Slideshow component
    
-   Fully customizable controls in Framer
    
-   A clean, reusable structure for future pages
    

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

-   All · #8305

## Details

- **Author**: Camille HAIDAR
- **Price**: $10.00
- **Published**: 2025-08-07
- **Updated**: 2026-02-08
- **Added**: 2025-08-01
- **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