Animation

3D Sphere Animation in Framer

This is a 3D animated sphere in Framer. It's made by drawing rectangles on a design canvas and using 3D transforms—no code written here. Feel free to remix the project and see how it’s built.

Created by

Nandi

About the resource

This 3D sphere is easier to make than you might think. You just have to create multiple frames with fully rounded corners and a stroke color, then rotate them around the X and Y axes.

About the resource

This 3D sphere is easier to make than you might think. You just have to create multiple frames with fully rounded corners and a stroke color, then rotate them around the X and Y axes.

About the resource

This 3D sphere is easier to make than you might think. You just have to create multiple frames with fully rounded corners and a stroke color, then rotate them around the X and Y axes.

To rotate these frames, I used 3D transforms in Framer, which are a set of properties that can project any layer into 3D space while keeping it completely editable.

If you're new to 3D transforms, check out this free crash course on them.

To rotate these frames, I used 3D transforms in Framer, which are a set of properties that can project any layer into 3D space while keeping it completely editable.

If you're new to 3D transforms, check out this free crash course on them.

To rotate these frames, I used 3D transforms in Framer, which are a set of properties that can project any layer into 3D space while keeping it completely editable.

If you're new to 3D transforms, check out this free crash course on them.

3D Sphere Animation in Framer

About the resource

About the resource

About the resource

Learn the fundamentals of Framer for free.

Learn the fundamentals of Framer for free.

Learn the fundamentals of Framer for free.

More resources

More resources