3D Flow Gallery

Detailed Overview

3D Flow Gallery is an immersive 3D image gallery for Framer that arranges image panels along the walls of a cylindrical tunnel, creating a continuous depth and motion effect. Powered by Three.js, images flow smoothly through the tunnel while being distributed across multiple rings for a dynamic spatial presentation.

Users can explore the gallery with mouse wheel scrolling or click-and-drag interactions. The component includes controls for tunnel radius, gallery depth, image density, animation speed, background color, grid lines, and navigation sensitivity, making it easy to customize for different designs.

Key Features

• 3D Tunnel Gallery: Displays images on curved panels arranged around a cylindrical tunnel.

• Continuous Flow: Creates a smooth, flowing gallery animation.

• Interactive Navigation: Navigate using mouse wheel scrolling or click-and-drag.

• Dynamic Image Layout: Distributes images across multiple tunnel rings.

• Customizable Tunnel: Adjust radius, number of rings, and panels per ring.

• Adjustable Speed: Control automatic flow and navigation sensitivity.

• Custom Grid & Background: Change grid line and background colors.

• Responsive Rendering: Automatically adapts to the component size.

Best For

• Creative portfolios

• Photography websites

• Digital agencies

• Creative studios

• Art and design showcases

• Fashion and editorial websites

• Interactive landing pages

• Immersive project presentations