📞 Schedule your support session: https://link.framer.university/support
🎓 Framer University: https://frameruni.link/yt
👉 Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, you'll see teach Framer website animations to one of my subscribers. I'll show how utilize components and variants to achieve amazing interactions without any code.
Project remix: https://framer.university/resources/l...
Original site: https://lightshiprv.com/
0:00 - Introduction
0:21 - The problem
1:38 - The roadmap
2:55 - Creating the card component
15:16 - Setting up the variants
18:33 - Reusing components with component variables
22:25 - Creating the wrapping container
23:45 - Adding variants to the wrapping container
25:22 - Setting up the interactions
27:48 - Adding max width to the wrapping container
28:35 - How to optimize this for mobile?
32:38 - Closing thoughts
33:54 - Schedule your Framer support session
Follow me on:
X: https://x.com/learnframer
Instagram: / framer.university
Watch video I Taught Framer Website Animations to a Subscriber online without registration, duration hours minute second in high quality. This video was added by user Framer University 27 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,398 once and liked it 250 people.