About Showreel Carousel
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 — or a CMS Collection List — 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.
Slides from the CMS: connect a Collection List to the carousel and every item becomes a slide. Filters and sorting come from the list.
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.
Keyboard and screen readers: Tab into the carousel, arrow keys move between slides, Home and End jump to the first and last. Every control is a real button with a label and a visible focus ring, and screen readers announce the slide when autoplay is paused.
On slide change: run any Framer interaction when the visitor lands on a new slide.
Analytics: add a Tracking ID and slide changes, play and pause are counted in Framer Analytics.
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 or connect a Collection List, set sizing and styling.
