The Ultimate Physics Gallery is not just another slider; it is a high-performance rendering engine built directly for Framer. Powered by Three.js and custom GLSL Shaders, this component brings a level of tactile interactivity usually reserved for high-budget, custom-coded award sites.
Velocity Warp Effect: Your media is no longer static. As you scroll or drag, the cards physically bend and stretch in 3D space. The shader calculates real-time velocity to apply a 'liquid' distortion that reacts to the intensity of your movement.
Center Focus (Magnify): Create a natural focal point for your users. Using the 'Center Focus' toggle, items automatically scale up as they pass the viewport midpoint, creating a cinematic zoom effect that guides the eye toward your most important content.
Physics-Driven Momentum: Forget rigid scrolling. This gallery uses a friction-based engine. Adjust the 'Drag Grip' and 'Friction' to define whether the carousel stops instantly or glides gracefully across the screen with natural inertia.
Vertical-to-Horizontal Sync: Seamlessly integrate horizontal motion into vertical pages. The carousel listens to the global scroll speed, allowing users to accelerate the horizontal flow simply by scrolling down the page.
Infinite 3D Ticker: Enable 'Auto Drift' to transform the gallery into a continuous, looping 3D ticker. Perfect for brand logos, product features, or atmospheric background elements.
Advanced Camera Optics: You have full control over the 3D perspective. Adjust the Field of View (FOV) to create a telephoto or wide-angle look, and modify the Camera Z-distance to define the depth of the scene.
SDF Corner Radius: We utilize Signed Distance Functions (SDF) within the fragment shader to ensure that your corner radii remain perfectly smooth and anti-aliased, even while the geometry is warping and rotating in 3D space.
Mixed Media Support: Effortlessly mix high-resolution images and videos (MP4/WebM). The component features smart 'Play on Hover' logic and customizable brightness/exposure settings.
* Luxury Portfolios: Showcase high-end photography with a tactile, physical feel.
* Product Showcases: Use magnification to highlight specific product details.
* Modern Landing Pages: Create high-impact hero sections with infinite 3D loops.
Creative Apes
