Framer Tutorial: How To Make A Tesla Style Website in Framer

🎓 Framer University: 👉 Create a free Framer 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: Originally seen on: 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 - Conc
Back to Top