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