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
9 views
277
61
3 days ago 00:18:11 1
Framer Tutorial: Animate Buttons Like a Pro
2 months ago 00:06:55 1
Faye Dunaway Makeup Look: Movie - Bonnie and Clyde 1967
2 months ago 00:06:26 1
How To Do A Marlene Dietrich 1930s Makeup Look
2 months ago 02:53:19 2
Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Tutorial
2 months ago 00:05:40 1
Free Paragraph Highlights Title for Davinci Resolve