Passage

About Passage - 3D Scroll Gallery

Passage is a scroll-driven 3D image gallery for Framer that transforms your work into an immersive space. It allows visitors to navigate through your images using three layouts: ring, tunnel, or helix. As the page scrolls, the section stays pinned and the camera glides through the gallery with smooth inertia, applying visual effects like speed-based bending and reflections on a glossy floor.

Key Features:

• Three integrated layouts: Ring, tunnel, and helix.

• Scroll-driven camera: Page scroll moves the camera while the section stays pinned, without hijacking the mouse wheel. The page continues once the trip ends.

• Adapts to any height: Works with any section height without needing to rework your layout; extra scroll space is added automatically.

• Click to zoom & links: A first click moves the image forward into focus. A second click opens an optional link. Use it as a gateway to your projects or a pure visual showcase.

• Cinematic controls: Customize floor reflections, fog, vignette, film grain, rounded corners, and background colors.

• Motion & layout controls: Adjust scroll length, inertia, cursor tilt, intro animations, image size, spacing, and vertical scatter.

• Accessible & lightweight: Images stay in the page for SEO and screen readers. It supports keyboard navigation (Tab), respects reduced-motion preferences, pauses when off-screen, and runs on plain WebGL without extra libraries.

Ideal Uses: Perfect for creative portfolios, agency case studies, photography galleries, fashion lookbooks, product collections, art exhibitions, architecture projects, and brand storytelling.

I hope you enjoy the component. If you have any questions, please contact me at devalfredomoscoso@gmail.com