---
title: "Showreel Carousel — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ivan Marchukov · Carousels. Showreel Carousel — a media-aware carousel for Framer."
canonical: "https://framer.elliotli.dev/component/showreel-carousel"
---

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

# Showreel Carousel

Autoplay video & audio per slide

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

![Showreel Carousel preview image 1](https://framer.elliotli.dev/og/component/showreel-carousel/3c8d9831c57cbce8/1600x1200.jpg)

## Summary

Showreel Carousel — a media-aware carousel for Framer.

## Description

Showreel Carousel — a media-aware carousel for Framer.

Most carousels treat slides as static pictures. This one treats them as media: when a slide becomes active its video or audio plays, and when it leaves the viewport it pauses. No overrides, no custom code, no five videos autoplaying over each other. Drop in any frames, images, or components as slides — perfect for showreels, product tours, and portfolio reels.

Features:

-   Media-aware playback: video and audio auto-play on the active slide and pause on the rest.
    
-   Inactive cards can dim and scale to keep focus on the active slide.
    
-   Autoplay with adjustable interval and optional loop.
    
-   Play / pause control plus progress dots, where the active dot fills in time with the autoplay interval.
    
-   Width modes mirror Framer's own: Fixed, Relative, Fit content and Per view (gap-aware — set 2 and exactly two fit; use 1.15 to peek the next card).
    
-   Height modes: Fill, Fixed, Viewport, Ratio, Fit content.
    
-   Min / Max width and height in px, % or vh.
    
-   Alignment (start, center, end) for every width mode.
    
-   Optional edge fade and arrows with X / Y offset.
    
-   Fully themeable dots, controls, colors, radius and spacing.
    
-   Respects reduced-motion, updates instantly in the editor, and ships with a live placeholder so it looks right before you add a single slide.
    

How to use: drag it in, add your slides, set sizing and styling. Video and audio start working automatically.

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

-   All · #727

## Details

- **Author**: Ivan Marchukov
- **Price**: $5.00
- **Published**: 2026-06-24
- **Updated**: 2026-11-03
- **Added**: 2026-06-24
- **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