3D Circular Gallery in Framer

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Animation

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!

image of Nandi Muzsik
profile image of Vivid Motion

Created by

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.

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 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

3D circular gallery loop animation effect.

3d circular gallery loop animation effect

3D circular gallery loop animation effect.

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.

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

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

Nandi portrait's background
Nandi's portrait

Framer Navigator

Learn the fundamentals of Framer for free.

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

Nandi portrait's background
Nandi's portrait

More resources

More resources

  • Dynamic card carousel featuring collectibles, fashion, and automotive themes with vibrant visuals

    Expanding Cards Scroll Animation in Framer

    Animation

    Dynamic card carousel featuring collectibles, fashion, and automotive themes with vibrant visuals

    Expanding Cards Scroll Animation in Framer

    Animation

    Dynamic card carousel featuring collectibles, fashion, and automotive themes with vibrant visuals

    Expanding Cards Scroll Animation in Framer

    Animation

  • 3D spiral layout of various design mockups featuring branding and UI/UX projects on a dark background

    Spiral 3D Scroll Animation

    Animation

    3D spiral layout of various design mockups featuring branding and UI/UX projects on a dark background

    Spiral 3D Scroll Animation

    Animation

    3D spiral layout of various design mockups featuring branding and UI/UX projects on a dark background

    Spiral 3D Scroll Animation

    Animation