iPad Media Carousel is a Framer component for showcasing videos and images in a realistic iPad-style frame. Built for Framer, it includes autoplay, smooth transitions, responsive layout, and full customization via design controls for modern websites.
Live Preview: https://ipadmediacarousel.framer.website/
Features
• Media carousel — load up to 3 videos and 2 images, set playback order freely with the Order array control.
• Animated transitions — Slide (vertical) and Fade between media items; swipe gesture support on touch devices.
• Progress bar — slim white progress indicator synced to both video playback and image duration timers.
• 3D tilt — spring-physics mouse-tracking tilt with configurable strength and perspective depth.
• Ambient glow — soft customizable radial bloom behind the device for cinematic depth.
• Two colorways — Silver and Space Gray aluminum finishes with accurate gradient rendering.
• Portrait & Landscape — full aspect-correct layout switching for both orientations.
• Auto-sizing — ResizeObserver fits the iPad to its Framer frame automatically, no manual pixel math needed.
• Demo mode — built-in panel for live-switching size, frame color, orientation, and transition type directly on the canvas.
Best For
App and SaaS product showcases
Portfolio and agency hero sections
E-commerce tablet UI presentations
App Store screenshot mockups
Media-rich landing pages
Conference and pitch deck visuals
Keywords
iPad mockup, iPad Pro frame, media carousel, video showcase, image slider, device mockup, tablet mockup, 3D tilt, ambient glow, app presentation, product demo, animated transition, autoplay carousel, portfolio mockup, screen mockup, interactive mockup
Ahmet Loca
