New Apple Watch Website with Framer (No-Code)

🎓 Framer University: https://framer.university
👉 Create a free Framer account: https://framer.university/free-account

In this Framer tutorial, you'll learn how to create the amazing scroll animation from the new Apple Watch Series 9 website with Framer. I'll show you how to use sticky positioning, scroll transforms, scroll variants, and scroll sections to achieve breathtaking effects without writing any code.

Original website: https://www.apple.com/apple-watch-ser...
Remix the project: https://framer.university/resources/a...

0:00 - Introduction
0:26 - Showcasing the effect
1:07 - Project setup
2:18 - Setting up sticky positioning
5:11 - Creating containers for the content
6:52 - Inserting the hand image
9:43 - Adding the text items
15:43 - Creating scroll sections
17:38 - Adding scroll variant effect
20:44 - Adding scroll transform effect
30:15 - Reveal image as it comes into view
32:04 - Optimizing the effect for mobile
35:03 - Creating text style with breakpoints
37:10 - Framer Fundamentals course

Follow me on:
X: https://x.com/learnframer
Instagram:   / framer.university