3D Circular Gallery in Framer

This is a 3D rotating circular gallery created in Framer, inspired by Vividmotion's work. It's made without writing any code. Feel free to remix the project and play around with it!

Created by

Nandi

and

Vivid Motion

About the resource

To get this 3D animation right, I had to structure my layers correctly and apply 3D transforms to them so I could get a full circle of cards in a 3D space. I used a pretty similar structure to what I showcased in my 3D text animation tutorial.

To rotate the cards around, I applied loop effects to various elements where I changed the 3D rotation "Y" values to achieve a looping animation.

About the resource

To rotate the cards around, I applied loop effects to various elements where I changed the 3D rotation "Y" values to achieve a looping animation.

About the resource

To rotate the cards around, I applied loop effects to various elements where I changed the 3D rotation "Y" values to achieve a looping animation.

3d circular gallery loop animation effect — 3D circular gallery loop animation effect.

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

More resources

View all

Expanding Cards Scroll Animation in Framer
Animation
Expanding Cards Scroll Animation in Framer
Animation
Expanding Cards Scroll Animation in Framer
Animation
Spiral 3D Scroll Animation
Animation
Spiral 3D Scroll Animation
Animation
Spiral 3D Scroll Animation
Animation