Screen Carousel
Screen Carousel is a Framer component designed to present videos and images in a minimal, modern screen frame. Built for modern websites, it supports autoplay, smooth transitions, responsive behavior, and full customization through Framer design controls.
Live Preview: https://screencarousel.framer.website/
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• Clean screen frame — minimal, universal screen-style UI suitable for any device context• Interactive motion — smooth hover-based micro interactions for a modern feel• Responsive layout — adapts perfectly across breakpoints without breaking 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
Best For
SaaS landing pages
Web app showcases
Portfolio hero sections
Agency presentations
Product demo sections
UI/UX case study presentations
Keywords
screen mockup, media carousel, video showcase, image slider, UI presentation, product demo, interactive carousel, SaaS showcase, portfolio hero, animated transitions, autoplay carousel
Ahmet Loca
