---
title: "DelphiTunnel"
canonical_url: "https://framerhub.io/components/delphitunnel"
last_updated: "2026-06-15T14:46:27.287Z"
---

## DelphiTunnel

Build the digital version of you to scale your expertise and availability, infinitely. DelphiTunnel is a robust infinite 3D tunnel background that showcases your images in a looping environment.

## Features

**Infinite 3D Looping**
Optimized continuous scrolling that loops your images infinitely.

**Interactive Mouse Scrolling**
Allows users to infinitely scroll through the tunnel seamlessly when hovering over it with their mouse or touch dragging.

**Randomized Grid Snapping**
Randomly distribute your images across the tunnel walls while keeping them perfectly aligned and snapped to the grid.

**Device Quality Detection**
Auto-detects the user's device and adjusts the renderer settings so your site never lags on low-end hardware.

## Use Cases

**Hero Backgrounds** — Perfect for impactful headers or portfolio landing pages.

**Immersive Galleries** — Display an abstract collection of photos as the user scrolls.

![DelphiTunnel Preview](/framerhub/img/components/control/delphitunnel.jpg)

## How to Use

### Installation

**VIDEO PLACEHOLDER: Installation Tutorial**

1. Log in to your account at framerhub.io
2. Navigate to framerhub.io/dashboard
3. Find DelphiTunnel in your Recent Purchases
4. Click the "Copy" button
5. Open your Framer project
6. Paste the component anywhere on your canvas (Cmd/Ctrl + V)

### Customization

Easily adjust everything from colors to scroll speed.

**Colors**

- Background Color
- Line Color
- Line Opacity

**Behavior**

- Speed
- Images (Upload your own)

### Quick Tips

**Best Performance** — Keep the Quality set to "Auto" so mobile devices get smooth framerates.

**Color Combinations** — Dark backgrounds with low-opacity lines create the most immersive futuristic feel.

**Layering** — Place text inside a Framer Stack positioned absolutely over the tunnel to create a stunning hero section.

## License

**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

## Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

## Why Designers Love This

It brings a complex WebGL 3D effect natively into Framer without needing any coding skills.