✔︎ Framer University: https://frameruni.link/yt
✔︎ Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, I'm taking on the challenge of recreating the stunning spiral vortex animation from cosmos.so - completely from scratch and without any code. You'll see my entire process: the failures, the experiments, and finally the solution to building this complex animation. If you want to learn how to tackle ambitious animations in Framer and see how problems get solved in real-time, this is your chance to watch over my shoulder.
→ Remix the tutorial project: https://framer.university/resources/spiral-vortex-animation-in-framer
→ Original website: https://cosmos.so/
00:00 - Introduction
00:56 - Analyzing the animation
3:40 - Adding necessary elements
16:20 - Animating the images
1:00:10 - Adding interactions for auto movement
1:04:00 - Fixing issues
1:06:00 - Assembling the full circle
1:08:40 - Tweaking transitions
1:21:50 - Adding additional content
1:24:03 - Adding an appear effect
1:24:50 - Additional resources
Follow me on:
X: https://twitter.com/learnframer
Instagram: https://instagram.com/framer.university