High End Scroll is not just another gallery component; it is a high-performance GLSL-powered engine designed to bring the "Aesthetic UX" of award-winning digital agencies directly into the Framer canvas. By leveraging Three.js and custom vertex shaders, this component treats your images and videos as physical objects that react dynamically to the user's touch and scroll speed.
Most web galleries feel static because they move at a constant linear rate. High End Scroll utilizes kinetic physics to create a "warping" effect. As the user scrolls faster, the media planes physically fold and stretch in 3D space, creating a sense of weight and momentum that is impossible to achieve with standard CSS or simple transforms.
Despite the complex visual output, High End Scroll is highly optimized for the web. It uses SDF-powered shaders to handle corner rounding, ensuring that even as the geometry warps and twists, the edges remain perfectly smooth without any jagged artifacts. The component also features a smart resource management system for mixed media, allowing you to blend high-resolution images and videos (MP4/WebM) seamlessly.
You don't need to know GLSL or JavaScript to master this component. Every parameter—from the spring physics snappiness to the cylindrical spin intensity—is exposed through the Framer property panel. You can fine-tune the friction of the inertia, the depth of the 3D tilt, and even enable an "Auto-Move" mode for a living, breathing UI that stays in motion even when the user isn't interacting.
Creative Apes
