Ultimate Physics Gallery is a premium WebGL horizontal carousel that completely reimagines the standard scrolling marquee. Engineered with custom vertex shaders and fluid Three.js mathematics, this component introduces velocity-driven warping—meaning your images and videos physically bend and stretch in 3D space depending on how fast the user interacts with them.

Whether you are building a high-end client logo ticker, a horizontal portfolio gallery, or an interactive media showcase, this component delivers unmatched kinetic energy. It combines native scroll-syncing, momentum-based drag physics, and complete visual control right from the Framer sidebar.

✨ Key Highlights

• Velocity-Driven Warping: Powered by custom GLSL shaders, your media visually folds and stretches in real-time, reacting dynamically to the speed of the user's swipe or scroll.

• Dynamic Center Focus: Easily enable a magnification effect that automatically scales up media items as they pass through the center of the viewport, drawing the user's eye exactly where you want it.

• Fluid Physics Engine: Built with deeply tunable physics, allowing you to sync the carousel to native vertical page scrolling, set an automatic idle drift, or let users freely swipe with satisfying momentum.

• Mixed Media Mastery: Seamlessly mix static images and looping videos in the same track, with built-in performance optimization for Autoplay or "Play on Hover" interactions.

• Zero-Code Customization: Every visual and physical attribute—from the camera's field of view and 3D tilt angles to the exact drag friction and maximum speed—is an intuitive Framer control.

⚙️ Complete Design Control

• Content & Media: Switch between Image and Video nodes, configure Autoplay or Play on Hover, adjust base dimensions and spacing, smooth the edges with SDF corner radiuses, and tweak global Brightness.

• Camera & Perspective: Dial in the perfect 3D staging by adjusting the global X, Y, and Z tilt. Fine-tune the camera distance and Field of View (FOV) to make the carousel look perfectly flat or dramatically stretched in space.

• Physics & Motion: Take complete control over the interaction feel. Adjust the maximum speed, set a constant auto-drift, tune the drag grip and friction for perfect momentum, sync it with native scroll power, and define exactly how heavily the items warp at high velocities.

💡 Perfect For

• Client Logo Marquees: Upgrade standard static logo sliders into a premium, interactive, and physics-driven showcase.

• Horizontal Portfolios: Build immersive, swipeable galleries that feel like a native high-end app experience.

• Product & Feature Showcases: Present features, lookbooks, or software interfaces in a sleek, continuous, and dynamic horizontal loop.