iPhone Reel Mockup: Premium Sections Component by Ahmet Loca

Showcase your brand with a pixel-perfect iPhone reel mockup built for modern product demos and social previews. Add up to 3 videos and 2 images, customize playback order, and impress with 3D tilt, ambient glow, smooth transitions, and live Demo Mode controls.

About this Component

iPhone Reel Mockup for Framer is a component that wraps your videos and images inside a photorealistic, CSS-drawn iPhone 17 Pro Max frame — no image assets required. Upload up to 3 videos and 2 images directly from the property panel, then define a custom playback order (e.g. V1, I1, V2, I2, V3) for precise sequencing.

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

Features include smooth 3D mouse-tilt with spring physics, dynamic screen glare reacting to motion, per-media progress bar, slide and fade transitions, and ambient glow with adjustable color and intensity. Videos loop seamlessly; images auto-advance after a configurable duration.

Built-in Demo Mode adds a floating control panel below the phone for live adjustments of size, frame style, and transitions. Perfect for client presentations, portfolio sites, and app showcases.

Best for

Framer Marketplace portfolios
SaaS landing pages
mobile app previews
product demos
High-conversion hero sections.

Keywords

iPhone mockup, iPhone 17 Pro Max, video player, device mockup, 3D tilt, ambient glow, demo mode, iOS mockup, phone frame, media player, app preview, product demo