---
title: "Corridor Image — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Oversight Studio · Galleries. Corridor Image Walkthrough is a customizable 3D gallery component for Framer that arranges your images into a tunnel-like corridor layout."
canonical: "https://framer.elliotli.dev/component/corridor-image"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Corridor Image

# Corridor Image

loop, scroll, hover, and depth controls

[View on Framer](https://framer.com/marketplace/components/corridor-image/?via=elliot-li)

![Corridor Image preview image 1](https://framer.elliotli.dev/og/component/corridor-image/49f47cd4814728bb/1600x1200.jpg)

## Summary

Corridor Image Walkthrough is a customizable 3D gallery component for Framer that arranges your images into a tunnel-like corridor layout.

## Description

Corridor Image Walkthrough

Corridor Image Walkthrough is a customizable 3D gallery component for Framer that arranges your images into a tunnel-like corridor layout. Instead of showing images in a flat carousel or basic grid, this component creates a more immersive visual experience with depth, perspective, motion, and hover interaction.

It is made for designers who want to create stronger hero sections, portfolio showcases, product visuals, and interactive landing page moments without building a complex 3D setup from scratch.

## Variants

### Loop

Creates a smooth automatic walkthrough animation that keeps the gallery moving continuously.

### While Scrolling

Animates the corridor based on the user’s scroll position, making the section feel more immersive and connected to the page experience.

### Draggable

Allows users to manually interact with the gallery for a more playful and controlled browsing experience.

## Key Features

-   3D corridor-style image gallery
    
-   Add your own custom images
    
-   Loop animation variant
    
-   Scroll-based animation variant
    
-   Draggable interaction variant
    
-   Adjustable image count
    
-   Image scale control
    
-   Corner radius control
    
-   Background color control
    
-   Zoom control
    
-   Radius control
    
-   Height control
    
-   Spread control
    
-   Loop length control
    
-   Speed control
    
-   3D rotation control
    
-   Tilt control
    
-   Mix control
    
-   Hover interaction
    
-   Hover size control
    
-   Optional depth fade
    
-   Optional depth blur
    
-   Optional shadow
    
-   Easy Framer property controls
    

## Customization Options

You can customize the component with controls for:

-   Images
    
-   Count
    
-   Image Scale
    
-   Corners
    
-   Background
    
-   Zoom
    
-   Radius
    
-   Height
    
-   Spread
    
-   Mode
    
-   Loop Length
    
-   Speed
    
-   3D Rotation
    
-   Tilt
    
-   Mix
    
-   Hover
    
-   Hover Size
    
-   Depth Fade
    
-   Depth Blur
    
-   Shadow
    

## Best Use Cases

Corridor Image Walkthrough works well for:

-   Portfolio websites
    
-   Photography showcases
    
-   Creative agency websites
    
-   Fashion and editorial layouts
    
-   Product galleries
    
-   SaaS hero visuals
    
-   Artist websites
    
-   Event galleries
    
-   Interactive landing pages
    
-   Experimental visual sections
    

## Why Use It

Most image galleries feel flat. Corridor Image Walkthrough gives your images a sense of movement, space, and depth, making the section feel more premium and memorable.

It is especially useful when you want a gallery that feels cinematic, interactive, and visually stronger than a standard image grid.

## What’s Included

-   Fully customizable Framer component
    
-   3D corridor walkthrough layout
    
-   Loop animation variant
    
-   Scroll-based animation variant
    
-   Draggable interaction variant
    
-   Hover interaction support
    
-   Visual property controls
    
-   Reusable component setup
    
-   Works with your own images
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #5089

## Details

- **Author**: Oversight Studio
- **Price**: $6.00
- **Published**: 2026-05-28
- **Updated**: 2026-05-26
- **Added**: 2026-05-16
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.