Sticky Features Section in Framer (Full Tutorial)

Sticky Features Section in Framer (Full Tutorial)

20.133 Lượt nghe
Sticky Features Section in Framer (Full Tutorial)
🎓 Framer University: https://frameruni.link/yt 👉 Create a free Framer account: https://framer.university/free-account In this Framer tutorial, you'll learn how to create an impressive feature section with sticky images and scrolling text. I'll guide you through setting up the layout, creating reusable components, and implementing scroll-based animations. You'll discover how to use stacks, component variants, and scroll effects to achieve a professional, responsive design without writing any code. By the end of this video, you'll be able to build engaging, Apple-style feature sections that smoothly transition between content as users scroll. 👉 Remix the tutorial project: https://framer.university/resources/amie-features-section-in-framer Apple Watch Series 9 in Framer (remix): https://framer.university/resources/apple-watch-series-9-site-recreated-in-framer TinyPod website (made in Framer): https://thetinypod.com/ Recreated from the old Amie website: https://amie.so/ 0:00 - Introduction 1:28 - Remix the project 2:31 - Basic setup 4:30 - Creating the text component 11:13 - Creating the images component 16:10 - Sticky positioning 20:50 - Fine-tuning the layout 27:10 - Adding the scroll effects 31:08 - Optimizing for mobile 35:20 - Pro tip for you 36:09 - Final result and variation 36:44 - Additional resources Follow me on: X: https://x.com/learnframer Instagram: https://instagram.com/framer.university