Interactive iPhone video player with smooth crossfades, swipe/arrow navigation, tap ripple, reflections, and full device customization. Perfect for app demos and product showcases.
Made with Workshop
Build your own component with AI
Bring your product demos to life with this highly polished, fully customizable iPhone-style video player. Designed for creators, marketers, and UI/UX designers, this component handles multiple videos with crossfade transitions, swipe navigation, arrow controls, tap ripple effects, and auto-switch playback.Built to look and feel like a real device, it includes adjustable notch, device frame, drop shadows, reflection spread, and hardware buttons—making your work look premium instantly.
Smooth Video Crossfade for seamless transitions between videos
Auto-play Next Video with no black frames or stutter
Realistic iPhone Mockup with customizable frame color, notch size, screen padding, and hardware buttons
Tap Ripple Effect with adjustable size and color
Left/Right Navigation Arrows (hover-activated)
Keyboard + Swipe Controls for easy navigation
Optional Drop Shadow with spread + color control
Adjustable Reflection Spread for realistic screen reflections
Home Indicator Toggle
Instant Responsive Preview inside Framer
Perfect for any designer or creator who wants to present mobile content with impact:
App landing pages
Product demos & UI previews
SaaS feature highlights
Portfolio showcases
Case study walkthroughs
Marketing hero sections
App Store style mockups
This is not just a static mockup — it’s a fully interactive, polished video experience that elevates any mobile-focused design. Whether you’re showing multiple feature demos or a cinematic introduction, this component helps your work feel premium, modern, and professional.