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.

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Get access now

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Get access now

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Get access now

More resources

View all

3D Image Split Scroll Animation in Framer
Animation
3D Image Split Scroll Animation in Framer
Animation
Unmask Sections On Scroll in Framer
Animation
Unmask Sections On Scroll in Framer
Animation