High End Velocity Scroll is a premium WebGL vertical carousel that brings fluid, physics-driven motion to your Framer projects. Engineered with custom GLSL shaders, this component doesn't just scroll—it reacts. As users navigate the page, your images and videos dynamically fold, warp, and tilt based on their scroll velocity, creating an interactive experience that feels completely custom-coded.

Whether you are building a visually striking creative portfolio, a high-fashion editorial, or a modern tech landing page, this component bridges the gap between traditional web design and immersive 3D space, all while maintaining perfect color accuracy and buttery-smooth performance.

✨ Key Highlights

• Velocity-Driven 3D Warping: Powered by custom vertex shaders, your media dynamically folds and bends in real-time based on how fast the user scrolls.

• Interactive Mouse Parallax: The entire 3D container subtly tilts and pans in response to mouse movement, adding a sophisticated layer of depth to the viewport.

• Mixed Media Mastery: Seamlessly integrate images and videos with highly optimized, built-in support for Autoplay and "Play on Hover" interactions.

• Fluid Scroll Physics: Engineered with custom spring and inertia mathematics, ensuring the 3D canvas feels natural and responsive while syncing perfectly with native page scrolling.

• Zero-Code Customization: Every visual and physical attribute—from the intensity of the scroll-warp to SDF-powered corner radiuses—is fully adjustable directly in the Framer sidebar.

⚙️ Complete Design Control

• Content & Media: Easily switch between Image and Video nodes, set videos to Autoplay or Play on Hover, and adjust global Brightness and Opacity to perfectly match your aesthetic.

• Geometry & Space: Define the base dimensions of your media, set the vertical gap between items, dial in the SDF corner radius for smooth edges, and control the global X and Y tilt for the ideal camera perspective.

• Physics & Motion: Fine-tune the scroll speed multiplier, adjust the inertia and spring for perfect resting momentum, dial up the fold intensity to make items warp heavily during movement, and configure auto-scroll speed and direction for idle states.

💡 Perfect For

• Creative Portfolios: Showcase your design work and case studies with scroll-stopping, interactive motion.

• Editorial & Fashion: Present high-resolution lookbooks and campaigns in a premium, fluid vertical layout.

  • Product Showcases: Highlight app interfaces or physical products in a sleek, continuously moving stack.