35 Awesome Frontend Projects + Source Code
Tags: html, css, beginners, tutorial
Published: 2023-04-24 16:25:30

This YouTube playlist includes 35 awesome frontend projects explained in depth that you can build now to boost your portfolio and improve your knowledge in HTML CSS & JavaScript and you can download the source code of every project from the description and don't forget to like and subscribe to our channel if you like it, if you have any question can ask me in comments ❤️🙏.

Link - [https://www.youtube.com/playlist?list=PLHrQQgsVLvqvpwYPqE1WhigKdHY7Q8hXe](https://www.youtube.com/playlist?list=PLHrQQgsVLvqvpwYPqE1WhigKdHY7Q8hXe)

Projects list:
1 - How to create navigation menu with HTML CSS step by step | web design tutorial | HTML CSS tutorial
2 - How To Create Login & Registration Form Using HTML CSS & JavaScript Step By Step For Beginners
3 - How To Create Responsive Hero Section Using HTML CSS Step By Step For Beginners
4 - How to create God Of War signup page with HTML & CSS from scratch for beginners
5 - Create NFT Hero Section Using HTML CSS JavaScript for Beginners Step By Step From Scratch
6 - Create NFT User Profile Using HTML CSS for Beginners Step By Step From Scratch
7 - Create About us Section Using HTML CSS for Beginners Step By Step From Scratch
8 - Card Hover Effect Using HTML & CSS | Card Hover Interactions | Card Hover Animation
9 - Create Real State Hero Section Using HTML CSS for Beginners Step By Step From Scratch
10 - Create a custom click animation using HTML CSS & JavaScript | CSS Animation | In 5 Minutes
11 - Create a Loading Animation using HTML CSS | CSS Animation
12 - 3D Card Animation Using HTML CSS & JavaScript | CSS Animation | Slide Card | Rotate Animation
13 - CSS Only Slider Step By Step Using HTML & CSS | CSS Tutorial
14 - CSS Menu With Magic Animation Using Html & CSS | CSS Animation | CSS Tutorial
15 - CSS Card Effect | Using Html & CSS | CSS Animation | CSS Effect | HTML & CSS Tutorial
16 - CSS Expanding Gallery Effect | Using HTML & CSS | CSS Tutorial
17 - 3D Perspective Card Animation Using HTML CSS & JavaScript | Vanilla-tilt.js
18 - CSS Expanding Card Design Using HTML & CSS | CSS Tutorial
19 - Neon Menu With Hover Effect Using Html & CSS | Html & CSS Tutorial
20 - CSS About Us Pop-Out Effect Using Html & CSS | Html & CSS Tutorial
21 - CSS Checklist Effect Using Html & CSS | Custom Checkbox | Html & CSS Tutorial
22 - How to make a Light Switch with Html & CSS step by step | Html CSS Tutorial
23 - How to create a theme switcher with Html CSS & Javascript step by step | Html CSS Tutorial
24 - Rotating Shadow Background Design Using HTML & CSS | CSS Animation
25 - Circular Loading Bar With Html CSS & Javascript | Html Css Tutorials Animation
26 - Create Button Hover Effects With Html & CSS |CSS Tutorial
27 - Create a Checkbox Group Style With Html & CSS | CSS Tutorial
28 - Create a Download Button Animation With Html CSS & Javascript | CSS Tutorial | Javascript Tutorial
29 - How To Create a Loading Animation With Html & CSS
30 - How to make a 3D slider effect with HTML CSS & JavaScript from Scratch
31 - How To Create a Magic Loading Animation Using Html & CSS Step By Step
32 - How To Profile Card With Modal Using Html CSS & Javascript Step By Step
33 - How to make a 3D Perspective Card Effect with HTML & CSS from Scratch
34 - Animated Login Form Using HTML & CSS
35 - Personal Portfolio Website Using HTML & CSS | Figma to HTML

I will be adding many more exciting projects along with how to create completely responsive websites with HTML CSS and JavaScript in the future.
If you find all these insightful, then do subscribe to the channel.