Here's how I created this simple rotating carousel in 3D spa...

Here's how I created this simple rotating carousel in 3D space.

First, I created the component in Framer to contain everything.

I then added several Stacks inside it with Absolute positioning. In this example, we have 6 items total, but we need to double it for a total of 12 so we could have a nice loop.

Each stack has a single frame here rotated 90° in the y-axis. These frames serve as the image containers.

I then rotated the stacks on the y-axis in equal intervals, forming a propeller shape with the images at the ends. For 12 items like we have here, the interval is 360° ÷ 12 items = 30 degrees.

It's simple but a little bit crazy to think about! Had a lot of fun making this.

Preview: https://3d-carousel-ha.framer.website/

Steal it from this remix link: https://framer.link/09wJssC