Animated Portfolio Website with React & Framer Motion | React Project for Beginners
5Animated Portfolio Website with React & Framer Motion | React Project for Beginners
287K views · 8 months ago...more

Lama Dev
308K
Subscribe
7.2K
Share
Save
Report
Comments216

Huge respect for not using tailwind 👏👏🏿👏🏼👏🏾
Shorts

Top 3 AI Tools for Programmers 👨💻
65K views

Junior Developer vs Senior Developer. #programming #coding #html #css #javascript #dsa #webdeveloper
26K views

3 EASY Python Project Ideas!! #python #programming #coding
1M views

Cursor Animation #shorts #trending #youtubeshorts #coding #html #css
2.1K views

They made building Frontend easier than ever! 🤯
709 views

Create a scroll progress Bar using Reactjs.#webdevelopment #programming #html #css #reactjs #coding.
4.8K views

#Code for #Animation in #Figma!
1.5M views

CSS Library for Old School Design
34K views

व्रत रखने की सही प्रक्रिया क्या है?#shorts #premanand #motivation
3.3M views

Plane Animation | HTML CSS
13K views

बजरंग बली का
CodeWithHarry•395K views

13:53

Profitable Web Developer RoadMap - Step by Step | Freelancing, Jobs & AI in Web Development 🔥
CodeWithHarry•528K views

34:39

The Reality of DSA and Development in 2024! | Hiring Market Trends in 2024 for Software Engineers 😨
Technical Suneja•268K views

17:02

50+ LPA Roadmap | ezSnippet | Neeraj Walia
Neeraj Walia•1M views

8:41

Build EASILY Mind-blowing 3D Portfolio Website: Tutorial (Spline + Tilda)
Victoria Azarova•37K views

11:14

How To Become an Ethical Hacker? | CyberSecurity Roadmap 2024 (Beginner's Guide)
CodeWithHarry•470K views

23:10

We Plant 1 Lakh Trees - एक लाख पेड़🌳| 100% Real
MR. INDIAN HACKERNew1.4M views

17:21

If You Click This Video I'll Give My Friend .001$
MrBeast•213M views

8:13

NEW! Baalveer S4 | Ep 37 | 25 June 2024 | Teaser
Sony SABNew95K views

|Full HD
T-Series Bhakti Sagar•3.8B views

12:00

:  / lamawebdev 00:00 Introduction 02:55 Installation 05:35 How To Scroll Snap (CSS Snap Scroll Effect) 08:50 Global CSS 10:40 Navbar Design 15:40 React Framer Motion Crash Course 32:55 Animated Sidebar (Hamburger Menu Animation ) 43:49 How to smooth scroll between HTML sections? 45:50 Hamburger Menu Button SVG Animation 48:33 Sidebar Menu Link Animations 52:18 Animated Hero Section Design 01:04:20 Framer Motion Sliding Text Animation 01:06:30 Framer Motion Parallax Tutorial 01:11:40 Framer Motion useScroll and useTransform Hook Tutorial 01:19:30 Services Section Design 01:30:33 Framer Motion How to Animate in View (useInWiew Hook) 01:35:15 Animated Portfolio Section Design 01:39:58 Framer Motion Animated Progress Bar 01:44:45 How to Animate Items on Scroll? 01:54:45 Contact Section Design 02:09:48 How to send mail in React? 02:14:52 React Animated Mouse Cursor 02:19:50 Mobile Responsive Design 02:41:21 How to Deploy React App to a Shared Hosting 02:43:25 Outro
Learn How to Build a Responsive Portfolio Website from Scratch using React, CSS, and Figma! 🎨
In this in-depth tutorial, we demystify web development as we guide you step-by-step through creating an impressive portfolio website. Discover the power of React components, master CSS Modules for streamlined styling, and bring your site to life with captivating CSS animations. Unlock the secrets of responsive design and learn to leverage the potential of React hooks for dynamic user experiences.
Join Group:--- https://t.me/prahladhacker
React.js Complete Tutorial for Beginners in Hindi | 5 Projects + Free Notes
React Responsive Portfolio Website Tutorial Using ReactJs | React js Projects for Beginners | Deploy
Build and Deploy React Animated Portfolio Website In Hindi || Animation on Scroll in React.JS
React JS Project | Build & Deploy Complete Responsive Website in React Step by Step Tutorial
Animated Portfolio Website with React & Framer Motion | React Project for Beginners
Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind
Build and Deploy a Modern Portfolio Website with React, Next.js, TypeScript, and Tailwind CSS
MERN Stack Project: Build a Full Stack Hospital Management System with React, Node, MongoDB, Express
🔥Build Complete Portfolio Website Free With Hosting using React and Tailwind | Complete Tutorial
Flutter on Embedded Devices - Flutter on Desktop - Web App Design Software
Build a Dynamic Portfolio Application with MERN Stack
React Projects
React Portfolio Website Tutorial - Portfolio Website Using React - React JS Portfolio Website
Personal Portfolio website using HTML, CSS and JavaScript (from scratch)
How to make Responsive Portfolio Website using HTML, CSS & JavaScript | step by step | #heresthecode
Modern Portfolio Website Using Next JS 14 | React, Next JS, TypeScript, and Tailwind CSS
Build and Deploy a Portfolio Website Using Next JS, Tailwind CSS & Framer Motion
Building a Complete E-Commerce Shop with Next.js 14 | Redux, PayPal, Clerk TypeScript, Tailwind CSS