Complete Tesla Roadster Website Clone | HTML, CSS, JS

Learn how to build a full modern website clone with on scroll animations and responsive sidebars. Build a complete Tesla Roadster webpage clone using HTML, CSS, JS and AOS JS.

Get The Source Code From All Of My Videos:

Project Dependencies:
Image Files:

Google Font:


Vimeo Roadster Unveil Video:

What you will learn:
How to-
- Build a full website clone with a responsive design
- Implement the AOS library to make smooth on scroll animations
- Use JS to add custom animations on scroll
- Build a responsive navbar and collapsible sidebar
- Add responsive videos to the website
- Build advanced CSS flexbox layouts
- And much more...

Original Design:

I do not own any of the images used in this video. All images are simply used as placeholders for the design and belong to Tesla.

Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)

All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.

Extra Links:

Follow me on Instagram:

My Products:

Support Me To Keep Creating And Improving My Content:


car website javascript
html css car web design
full landing page frontend website design
tesla roadster website from scratch
aos animation library
Web design
Be the first to comment