3D Rotating Gallery: Free Carousels Component by Mohd Mehraj

3D Rotating Gallery is a WebGL powered infinite media experience that transforms images and videos into a smooth, rotating vertical flow. With real time distortion, seamless looping, and fluid scroll interaction, it creates a cinematic browsing experience insi

3D Rotating Gallery is a high performance WebGL component that reimagines traditional galleries into a continuous, immersive 3D experience. Built using OGL and shader based rendering, it creates a vertical infinite loop of media cards that rotate dynamically in 3D space as users scroll or interact.

Each media item, whether image or video, is mapped onto a distorted plane that reacts to motion, creating a fluid, organic rotation effect. The gallery flows endlessly, ensuring there are no hard stops, making it perfect for storytelling, portfolios, and modern visual presentations.

The component supports both uploaded and URL based media, allowing flexibility in how content is managed. Videos can autoplay and loop seamlessly, adding motion and depth to the experience.

Smooth interpolation and easing ensure that scrolling feels natural and responsive, while distortion and rotation parameters can be fine tuned to match different visual styles, from subtle motion to bold, experimental effects.

With built in auto scroll, the gallery can also run as a passive animated section, making it ideal for hero areas or ambient visual backgrounds. Fully GPU accelerated, it maintains strong performance even with multiple media elements and complex transformations.