Sticky Features Section in Framer (Full Tutorial)

Описание к видео 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/a...

Apple Watch Series 9 in Framer (remix): https://framer.university/resources/a...

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:   / framer.university  

Комментарии

Информация по комментариям в разработке