Hey Framer Community! 👋
If you're looking to elevate your site with interactive, scroll-driven storytelling, check out ScrollSync Video! 🎬
It’s built specifically for hero sections, product reveals, and cinematic page transitions, using smart frame-skipping and real-time buffering checks to keep playback silky-smooth without the stutter or lag typical of scroll videos.
✨ What It Offers
🎬 Scroll-Controlled Playback: Sync video frames seamlessly across 0% to 100% of the page or define a custom scroll range.
⚡ Buffer-Aware Seeking: Smooth, lag-free playback even with high-resolution video assets.
🎚 Easing Modes: Choose between Linear, Ease In, Ease Out, and Ease InOut for natural motion.
🖼 Poster Image Support: Prevents blank frames while loading and boosts perceived speed.
🔧 Seek Sensitivity Controls: Fine-tune responsiveness vs. smoothness (default 0.05).
📱 Mobile-Friendly: Optimized for touch devices and fast loading.
🎯 Great For
Product reveal animations & interactive landing pages
Portfolio hero headers
Scroll-based visual storytelling & motion sequences
💡 Quick Setup Tip: For optimal performance, use short H.264 encoded .mp4 videos (3–10 seconds) and drop the component into a full-screen frame.
Check out on the Framer Marketplace for $5.
I’d love to hear your feedback, see how you’re using it in your projects, or answer any questions! 🚀