iOS Media Mockup
This component lets you present images and videos inside a realistic iPhone mockup, built to feel native, modern, and production-ready. Designed for Framer creators who care about visual polish, speed, and flexibility.
Whether you’re showcasing an app, portfolio, product demo, or social content, this component gives you full creative control - without sacrificing performance.
Image & Video Support - switch seamlessly between static and motion content
Smart Playback Controls - autoplay, loop, mute, and poster thumbnails
Authentic iOS Design - customizable notch, screen, and device colors
Flexible Layout Options - cover / contain fit modes for perfect framing
Optimized Performance - direct uploads or URL streaming for fast loading
Accessibility Ready - pause states and poster images for better UX
No-Code Friendly - drag, drop, customize, and publish in minutes
Built with Framer’s latest tools and best practices, this component is lightweight, responsive, and easy to brand - so it fits perfectly into landing pages, case studies, product sites, and marketing experiences.
Perfect for:
App previews
Portfolio showcases
SaaS landing pages
Product walkthroughs
Client presentations
Get a professional, Apple-inspired media display - without rebuilding it from scratch.
Ludo Roupell
