Endless 3D Slider

Endless 3D Slider

About Endless 3D Slider

Build immersive, cinematic galleries with an infinite 3D WebGL slider. Create a spatial "trumpet" effect where images seamlessly scale, rotate, and flow forward in an endless loop.

Features

  • Real-time 3D spatial WebGL rendering

  • Infinite seamless loop animation

  • Custom GLSL shader for perfect rounded corners

  • Dynamic scale and angle rotation physics

  • Customizable funnel and curve spatial architecture

  • Highly optimized performance with pooled materials

  • Smart viewport gating to save battery life

  • Responsive canvas resize handling

  • Works perfectly for high-end portfolios and visual showcases

Customization Options

  • Upload unlimited custom images

  • Flow speed and total active cards

  • Card aspect ratio (width and height)

  • 3D Layout spread and depth

  • Curve shape (V-shape to Trumpet)

  • Camera Z-distance

  • Start and end scale percentages

  • End inward rotation angle

  • Corner border radius

How to Use

  1. Drop the component onto your Framer canvas

  2. Upload your images in the right property panel

  3. Tune the 3D layout spread and curve depth to match your layout

  4. Adjust the flow speed, rotation angle, and border radius

  5. Publish for a premium immersive 3D gallery experience

Use Cases

  • Premium photography portfolios

  • Modern creative agency sites

  • Immersive product showcases

  • Cinematic movie or artwork displays

  • Interactive event promotion pages

  • SaaS feature highlights

  • Futuristic landing page galleries