Framer Tutorial: How To Make A Tesla Style Website in Framer
🎓 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 a Tesla style website with the scroll-snap effect in Framer. Follow along step-by-step as I show you how to add code overrides to your Framer elements to achieve this effect. With following along this video, you’ll have a beautiful Tesla like website built in Framer in no time.
Remix the project: https://tesla.framer.wiki
Originally seen on: https://www.tesla.com
0:00 - Introduction
0:45 - Showcasing the scroll snap effect
1:32 - Project setup
4:14 - How the scroll snap works
5:07 - Creating a code override
6:42 - Adding the first section
7:25 - Adding an override to the section
7:56 - Adding the website content
13:30 - Creating a button component
15:17 - Adding layout to the content
18:37 - Adding more sections
21:40 - Previewing the finished site
22:27 - Conclusion and additional resources
Follow me on:
Twitter: / learnframer
Instagram: / framer.university
Watch video Framer Tutorial: How To Make A Tesla Style Website in Framer online without registration, duration hours minute second in high quality. This video was added by user Framer University 29 April 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10,469 once and liked it 303 people.