Aisol Z Corridor

A 3D depth carousel for Framer: your images line up along a deep corridor, and each step brings the next one forward out of the distance.

What you get

- One Framer code component (Aisol Z Corridor), delivered as a Component URL.

- Seven drawn sample panels with captions, so it looks finished the moment you drop it in.

- Pure CSS 3D transforms (no WebGL or canvas), so the images stay as sharp as their source files.

- Free updates.

How it behaves

- Move with a drag, the arrow buttons or the arrow keys (Home and End jump to the ends). Wheel control is optional and off by default.

- With the wheel on, browser zoom (Ctrl/Cmd + wheel) still works, the page scrolls on at either end, and reduced motion never captures the wheel.

- On phones a horizontal swipe moves the corridor and a vertical swipe scrolls the page.

- A drag never opens the front image's link; a plain click or tap does.

- Only the front image is in the tab order and announced to screen readers ("2 of 7").

- Autoplay (off by default) pauses on hover, on focus, off screen and in a hidden tab, and has its own stop button.

- Animation runs only while moving. Reduced motion and the Framer canvas show the front image with the rest lined up behind it.

- Images can come from the panel or from a Collection List, read by layer name (Image, Caption, Link) and never changed.

Limits

Shows up to eight images in depth at a time. With a Collection List the canvas shows the CMS preview items you fill in, not the live list.

Requirements

Any Framer project. No plugins, no API keys.