---
title: "QuantumTunnel — Framer component · Best of Framer"
description: "$12.00 · Framer component · by FramerHub.io  · Effects. Tunnel Warp Space 3D Particles Animatio"
canonical: "https://framer.elliotli.dev/component/quantumtunnel"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/QuantumTunnel

# QuantumTunnel

Tunnel Warp Space 3D Particles Animatio

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

![QuantumTunnel preview image 1](https://framer.elliotli.dev/og/component/quantumtunnel/8be18c832d64a2ea/1600x1200.jpg)

## Summary

Tunnel Warp Space 3D Particles Animatio

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-30kionwj-1sap8ljT9YGJDD4yvO3riGwNv4Qk1I)](https://framerhub.io/components?utm_source=framer_marketplace&utm_medium=framer_marketplace_components&utm_content=QuantumTunnel)

### Overview

An infinite 3D ASCII particle tunnel with interactive mouse steering, customizable warp speed, and bloom effects.

### Features

**Interactive Steering** Move the mouse to curve the tunnel, giving users the feeling of piloting through a digital wormhole.

**Warp Speed** Adjust the speed, twist, and length of the tunnel to create everything from a gentle drift to a high-speed jump to lightspeed.

**Transparent Background** Seamlessly blend the component into your design with transparent background support (disables bloom).

**Matrix Mode** Choose between Binary, Hex, or Glyph character sets for the particles to match your site's tech aesthetic.

### Use Cases

**Hero Sections** — Use as a full-screen background to create an immersive first impression for tech, space, or futuristic brands.

**Loading Screens** — Simulate a "warp travel" effect while content loads, keeping users engaged during wait times.

**Data Visualization** — Represents data streams or information highways efficiently with the Matrix/Hex character modes.

### Properties

-   **Radius**: Tunnel radius (5-50)
    
-   **Length**: Visible tunnel length
    
-   **Twist**: Spiral twist intensity
    
-   **Count**: Number of particles (1000-30000)
    
-   **Size**: Size of ASCII characters
    
-   **Char Set**: Binary, Hex, or Glyphs
    
-   **Speed**: Movement speed (warp factor)
    
-   **Paused**: Pause the movement
    
-   **Near Color**: Color of particles close to camera
    
-   **Far Color**: Color of particles in the distance
    
-   **Transparent**: Enable transparency
    
-   **Background**: Scene background color
    
-   **Bloom**: Glow intensity
    
-   **Mouse**: Enable/Disable mouse steering
    
-   **Sensitivity**: Mouse steering sensitivity
    
-   **Steering**: Steering power intensity
    
-   **Quality**: Auto/Performance/Balanced/Quality
    

### Customization

You can fully customize the tunnel's geometry, particles, and animation to match your brand:

**Geometry**

-   **Radius**: Control how wide the tunnel appears.
    
-   **Length**: Adjust how far the tunnel extends into the distance.
    
-   **Twist**: Add a spiral twist for a surreal effect.
    

**Particles**

-   **Count**: Increase for density, decrease for performance.
    
-   **Size**: Scale the ASCII characters.
    
-   **Char Set**: Switch between Hex, Binary, or Glyphs.
    

**Appearance**

-   **Colors**: Set distinct Near and Far colors for depth.
    
-   **Bloom**: Adjust the glow intensity (works best on dark backgrounds).
    

## 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!

### Version

1.0.0

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

-   All · #10206

## Details

- **Author**: FramerHub.io
- **Price**: $12.00
- **Published**: 2026-03-18
- **Updated**: 2026-04-07
- **Added**: 2026-01-17
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows