Isometric Carousel

Isometric Carousel — images and videos riding past on a tilted floor.

A Framer code component. Your slides lie on an isometric floor and flow past in lanes, like a conveyor seen from above. One file, no plugins, no external libraries.

What you get

- Slides from the properties panel (image or muted video, title, subtitle, link) or from a Collection List, read by layer name.

- Lanes, card width, shape, gap, corner radius, floor tilt and turn, and card edge thickness.

- Autoplay with speed and direction, neighbouring lanes flowing the other way, pause on hover.

- A visible Pause button, previous / next buttons, arrow keys and drag.

- 8 drawn sample slides built in, so it looks finished the moment you drop it.

How it behaves

- Each lane is one CSS animation. In our Chrome test at 1440px it made 0 requestAnimationFrame calls and 0 DOM changes in 2 seconds while flowing.

- Videos load nothing until they are on screen; 1 to 4 play at a time (default 2), always muted.

- Vertical swipes and the mouse wheel scroll the page as usual.

- Paused, off screen, in a hidden tab or with reduced motion: no motion and no video playback. With reduced motion the arrows, keys and drag still move it.

- Keyboard focus stops the flow and brings the focused card to the centre.

Good fit if you want a striking gallery or portfolio strip with your own images and short clips.

Not a fit if you need a classic one-slide-at-a-time slider, long readable captions (captions sit on the tilted cards), or mouse-wheel control.

Requirements: any Framer project. Give the component a fixed height (for example 720px) or let it fill a section.

Price: $12. You receive the Component URL right after purchase, plus future versions.