---
title: "Card3DTunnelSlow — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Effects. card3dtunnelslow.framer.website/ About 3D Card Tunnel adds a deeply immersive, looping layered environment directly to your Framer projects."
canonical: "https://framer.elliotli.dev/component/card3dtunnelslow"
---

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

# Card3DTunnelSlow

Bring your designs to life in deep

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

![Card3DTunnelSlow preview image 1](https://framer.elliotli.dev/og/component/card3dtunnelslow/c26f80614a49cc43/1600x1200.jpg)

## Summary

card3dtunnelslow.framer.website/ About 3D Card Tunnel adds a deeply immersive, looping layered environment directly to your Framer projects.

## Description

Preview - [https://card3dtunnelslow.framer.website/](https://card3dtunnelslow.framer.website/)

### About

3D Card Tunnel adds a deeply immersive, looping layered environment directly to your Framer projects. Drop it into a hero section, a landing page, or a feature showcase to instantly capture attention with a cinematic sense of depth. Your cards stack and move through a continuous three dimensional space, drawing visitors deeper into your content as they explore your site.

### What it does

Creates a dynamic tunnel effect using sequential layers that automatically pull forward or react directly to page scrolling. It smoothly handles image depth, manages loop resets for non-stop movement, and blends distant layers with a customizable blur and fog effect. The component is fully responsive, meaning your 3D tunnel will scale naturally and look great across mobile devices, tablets, and large screens.

### What you can customize

-   **Tunnel layout:** Total number of depth levels, the precise Z spacing between each card, and the overall perspective intensity.
    
-   **Motion and flow:** Toggle auto pull on or off, adjust the pulling speed, enable scroll reactivity, and turn looping on for endless animation.
    
-   **Atmosphere:** Turn background fog on or off, pick a custom fog color to match your brand, toggle an outer vignette, and set the blur strength for distant cards.
    
-   **Card styling:** Exact card width and height, corner radius smoothing, and horizontal X spread to offset your items.
    

### Great for

-   Hero headers and intro sections
    
-   Product feature and benefit showcases
    
-   Creative portfolios and agency sites
    
-   Immersive storytelling landing pages
    
-   Visual galleries that need an extra pop
    

### Share your build

If you build something awesome with this, share it on X and tag me @Dulajweb or send it my way. I would love to check out what you create.

### Need help?

Have any questions or feedback about setting it up? Reach out anytime at [dulajdilshan766@gmail.com](mailto:dulajdilshan766@gmail.com) or find me on X @Dulajweb

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

-   All · #9738

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-06-19
- **Updated**: 2026-09-03
- **Added**: 2026-06-19
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo