iPhone Insta Stories
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.
Key Features
- 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
Where to Use
- 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
Best For
- 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
How to Set Up
- Drag the component onto your Framer canvas
- Add photos or videos inside the Media list
- Choose uploaded files or external URLs
- Set story duration globally or per media item
- Customize device color, corner radius, and screen padding
- Toggle progress bars and user profile visibility
- Adjust reflection color and spread for added depth
- Enable sound for videos if required
Refund Policy:
Due to the digital nature of my products, all sales are final, and refunds will not be issued. Please review all product details carefully before purchasing. If you have any questions or need clarification, feel free to reach out before completing your order.
š ļø Support
If you have any issues, feel free to reach out:
š§ Email: framecraftlab@gmail.com
By clicking "Pay now," you authorize Polar Software, Inc., our online reseller and merchant of record, to charge your selected payment method the amount shown above, and agree to the Buyer Terms. This is a one-time charge.