About Social Media Mockup
MORE FRAMER COMPONENTS LIKE THIS
✦ Browse +38 FREE + 85 premium components: https://frameze.com/components
✦ Device Bundle: https://frameze.com/components/category/device?ref=bundles
Social Media Mockup
iPhone Social Media Mockup brings your TikTok and Instagram content into Framer inside a photorealistic iPhone frame, complete with 3D tilt interaction, smooth media playback, and floating analytics cards. Built for landing pages, agency portfolios, and product showcases where communicating social media presence needs to feel as polished as the content itself.
Live Preview: https://socialmediamockup.framer.website
What's Included
Photorealistic iPhone frame with Titanium and Black color options, physical button detail, and layered inner shadows
Media player supporting up to 5 videos and images in any custom order
Fully responsive design optimized for desktop, tablet, and mobile breakpoints
3D tilt effect with spring physics that tracks cursor position in real time
Dynamic glare overlay that shifts across the screen as the device tilts
Ambient glow with adjustable color and intensity
Username overlay with circular avatar, name label, and verified badge
Dot indicator for multi-item media navigation with swipe and click support
Use Cases
Social media agency portfolios showcasing client content and account metrics
TikTok and Instagram creator landing pages with engagement stats
SaaS and creator economy marketing pages featuring platform integrations
Product demos and pitch decks for social media tools and analytics dashboards
App store preview mockups for video-first mobile applications
Interactive storytelling and editorial layouts with embedded video content
Conference and event presentations requiring a live, animated phone mockup
Keywords
iphone mockup, social media mockup, tiktok mockup, instagram mockup, phone mockup, video mockup, 3d phone mockup, animated iphone, social media component, tiktok component, instagram component, short form video mockup
