Desktop Carousel

Desktop Carousel is a Framer component designed to present videos and images in a clean, realistic desktop window frame. Built for modern websites, it supports autoplay, smooth transitions, responsive behavior, and full customization through Framer design controls.

Features

• Media carousel — load up to 3 videos and 2 images, define playback order freely with the Order array control• Animated transitions — Slide (horizontal/vertical) and Fade between media items with smooth easing• Progress bar — subtle indicator synced to video playback and image duration timers• Window-style frame — realistic desktop browser/window UI with clean borders and depth• Interactive motion — smooth hover-based micro interactions for a modern desktop feel• Responsive layout — adapts perfectly across breakpoints without breaking frame proportions• Auto-sizing — ResizeObserver-based scaling fits the component into any Framer layout automatically• Demo mode — live controls for switching size, layout, and transition type directly in canvas

Live Preview: https://desktopcarousel.framer.website/

Best For

SaaS landing pages
Web app showcases
Portfolio hero sections
Agency presentations
Dashboard UI mockups
Product demo sections

Keywords

desktop mockup, media carousel, video showcase, image slider, browser frame, window mockup, UI presentation, product demo, interactive carousel, SaaS showcase, portfolio hero, animated transitions, autoplay carousel