iPhone Insta Stories is a high quality media story component designed for Framer that supports both photos and videos inside a realistic iPhone mockup. It recreates the familiar Instagram Stories experience with smooth playback, elegant transitions, and interactive gestures, while staying fully customizable and performance friendly.
This component is ideal for showcasing visual content in a mobile first, immersive format that feels native and premium.
Supports both photos and videos in a single story sequence
Automatic story progression with global or per item duration
Smooth fade transitions between media items
Interactive tap ripple effect for natural touch feedback
Animated progress bars for each story
User profile header with avatar, username, and verification badge
Adjustable reflection effect with color and spread controls
Realistic iPhone frame with side buttons and home indicator
Click, keyboard, and swipe navigation support
Optional sound control for video playback
Fully configurable via Framer property controls
Mobile app landing pages
Product demos and feature previews
Social media tools and dashboards
Portfolio case studies and motion showcases
Instagram story and reel previews
Creator and influencer websites
Designers presenting mobile UI or visual concepts
Founders showcasing app experiences
Marketers creating high impact hero sections
Framer creators selling premium components
Teams needing a fast Instagram style story layout
Drag the component onto your Framer canvas
Add photos or videos inside the Media list
Choose upload files or external URLs
Set story duration globally or per media item
Customize device color, radius, and screen padding
Toggle progress bars and user profile visibility
Adjust reflection color and spread for depth
Enable sound for videos if required
Frame Craft
