✔︎ Framer University: https://frameruni.link/yt
✔︎ Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, I'm revealing four mind-blowing scroll animations you can create without touching code. From 3D card stacks to video playback on scroll, you'll learn exactly how to implement these effects on your sites. Whether you're building portfolios or landing pages, these animations will help your sites stand out from the crowd.
→ Remix the project files:
https://framer.university/resources/card-stack-scroll-animation-in-framer
https://framer.university/resources/ticker-scroll-component-for-framer
https://framer.university/resources/tedy-website-scroll-animation-in-framer
https://framer.university/resources/scroll-media-component-in-framer
https://framer.university/resources/3d-logo-animation-website-in-framer
Mentioned links:
3D Transforms Tutorial: https://framer.university/lessons/framer-3d
3D Laptop in Spline: https://framer.university/lessons/scroll-media
3D Logo Spinning Video: https://framer.university/lessons/framer-x-endless
00:00 - introduction
00:23 - first animation
06:02 - how to animate them
08:38 - second site
11:45 - third site
18:27 - fourth site
23:25 - additional resources
Follow me on:
X: https://twitter.com/learnframer
Instagram: https://instagram.com/framer.university