3D Circular Gallery in Framer

3D Circular Gallery in Framer

3D Circular Gallery in Framer

3D Circular Gallery in Framer

Website animation

Website animation

Website animation

Website animation

3D Circular Gallery in Framer

3D Circular Gallery in Framer

3D Circular Gallery in Framer

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!

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!

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!

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!

3D Circular Gallery in Framer
3D Circular Gallery in Framer
3D Circular Gallery in Framer
3D Circular Gallery in Framer

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.

3d circular gallery loop animation effect
Step 01 outline

Step / 01

Remix the project.

Step 2 outline

Step / 02

See how it's built.

Step 3 outline

Step / 03

Try recreating it for practice, or copy and paste it to your project.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free
Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.

Free Framer Course

Learn how to create stunning websites with ease by learning the fundamentals of Framer.