Add tap-through stories to your Framer site without complex setup. Drop in image or video URLs, set display durations (or play videos to completion), and the component handles autoplay, progress bars, and buttery-smooth transitions. It feels native, loads fast, and keeps visitors engaged.Technical Details
Media Input — Directly Upload
Story Range — 1 to 10 stories maximum. Each story has independent configuration.
Duration Control — Images: 1-60 seconds per story. Videos: auto-advance or play until complete. Global or individual timing modes.
Autoplay & Looping — Toggle autoplay on/off. Automatic loop from last story to first.
Audio Handling — Videos muted by default. Manual unmute via tap control.
Drag Functionality — Optional draggable mode
Navigation System — Left tap (previous), right tap (next), long-press (pause). Swipe gestures supported.
Progress UI — Automatic progress bars at top of frame. Real-time story position indicator.
Performance — Sequential preloading of next stories. Instant transitions with no lag.
📈 Boosts Engagement — Swipeable, tap-friendly stories keep users on your page longer with familiar mobile-first interactions
🧹 Clean Content Delivery — Share updates, flash sales, product launches, or testimonials without cluttering your layout
📱 Mobile-Native Feel — Built with gestures users already know: tap to skip, long-press to pause, drag to reposition (optional)
⚙️ Flexible Controls — Set per-story timing or use global duration for consistency. Toggle autoplay, mute/unmute videos, and enable draggable positioning
🚀 Quick Setup — Supports up to 10 stories with simple property controls, plus hooks for analytics tracking and custom actions
🛍️ E-commerce — Product drops, limited-time offers, feature highlights, behind-the-scenes content
✨ Creators & Brands — Portfolio showcases, client testimonials, team introductions in an Instagram-style format
⚡ High-Converting Landing Pages — Engage visitors immediately without heavy carousels or video backgrounds that slow down your site
Syed Saboor
