Card3DTunnelSlow

A Framer 3D card tunnel that moves layered images through depth, using automatic motion or a response to page scrolling.

Card3DTunnelSlow — product preview

About Card3DTunnelSlow

Card3DTunnelSlow arranges cards along a receding axis so the composition reads as a continuous space. Blur and fog soften distant layers while nearer images move forward.

Looping can sustain the motion, or scrolling can influence the sequence. The depth spacing, perspective and lateral spread are editable, allowing the tunnel to serve as a concentrated hero effect or a broader visual showcase.

Component details

Creates a layered 3D tunnel for hero sections, galleries and feature showcases.

Cards pull forward automatically or react to page scrolling; looping supports continuous movement.

Automatic pull, scroll reactivity, looping, fog and an outer vignette can be toggled.

Depth levels, Z spacing, perspective, speed, fog color, blur, card dimensions, radius and X spread are editable.

The publisher documents scaling across mobile, tablet and large screens.

Add the component directly to a Framer project and configure the tunnel and card properties.

Tags

Built something worth finding?

Submit a site, template, component or tool built with any stack. We will add it to the atlas.

Submit

More

Submit
Loading
World Web Atlas

Hop on in partner

Save favourites, submit work and manage your profile.Save favourites and submit work.

Continue with GoogleContinue with Discord