About The Resource

This is my most advanced 3D animation to date. All of this is possible thanks to 3D transforms in Framer, which allow you to project any layer in 3D space.

To create this animation, I first developed the right structure and placed all 12 cards within a common container that I later turned into a component.

Within the component, a main wrapping frame gets a loop effect that makes all the cards rotate continuously.

The rest of the animations and movements are created by making new variants where we adjust the 3D rotation of specific frames. Then, I just have to connect these variants with "appear" triggers so we get an animation that basically loops between these variants.

If you want to learn the basics of 3D transforms so you can also create animations like these, watch my free 30-minute crash course.