DelphiTunnel

An infinite 3D image tunnel for your Framer sites.

One-time payment
Lifetime updates
Commercial license
Live Preview

Overview

An infinite 3D image tunnel for your Framer sites.

  • Fully customizable colors and grid
  • Built with Three.js and GSAP for fluid 60fps animations
  • Auto-quality detection for mobile devices
  • Interactive infinite hover scrolling
  • Randomized grid positioning

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

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.

DelphiTunnel - $14

An infinite 3D image tunnel for your Framer sites.

One-Time Payment
Lifetime Access
Unlimited sites

You might also like

Why Choose Framer Hub Components

Loved by Framer teams

Used by Framer professionals who need premium, no-code experiences.

"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
Pierre Azalbert
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
Salman Abdulrazaq Ali
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Mark Williamson

Got questions? We've the answers

Got questions? We've the answers

Everything you need to know about FramerHub.