Corridor Gallery

Create immersive 3D spatial experiences with an interactive WebGL reflective corridor gallery featuring smooth scrolling physics, real-time reflections, and particle dust effects.

Features

• Real-time WebGL mirror floor and reflection rendering

• Smooth scroll and drag momentum physics

• Support for both high-performance images and videos

• Dynamic 3D depth, yaw, and camera field of view control

• Interactive click-to-expand card focus mode

• Built-in chromatic aberration motion effects

• Atmospheric particle dust system with adjustable density

• Static renderer fallback support for Framer canvas previews

• Fully responsive layout handling for mobile and desktop

• Extensive customization controls for spacing, corridor width, and speed

Customization Options

• Card width and height dimensions

• Corridor width and panel depth spacing

• Scroll speed, drag speed, and motion response smoothing

• Camera field of view (FOV) and parallax intensity

• Reflection opacity, fade range, and floor positioning

• Particle dust count and opacity levels

• Floor and ceiling background color gradients

• Click-to-open interaction toggle

How to Use

• Drop the component onto your Framer canvas

• Add your images or videos to the media array

• Adjust card dimensions and corridor spacing in the panel

• Tune motion speed, reflection intensity, and lighting colors

• Publish your site for a stunning 3D interactive gallery

Use Cases

• Immersive portfolio showcases

• Design agency landing pages

• 3D product galleries

• Creative developer portfolios

• Interactive media exhibitions

• Modern photography showcases

• Futuristic dark mode web concepts