Animated Portfolio Website with React & Framer Motion | React Project for Beginners
React Framer Motion portfolio project tutorial with parallax animations
Get Hostinger Discount: Coupon Code: LAMADEV
If it is valuable to you, you can support Lama Dev.
Join:
Buy me a coffee:
Source Code:
(Includes starter and completed branches)
Join Lama Dev groups
Facebook:
Instagram:
Discord:
Twitter:
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
Watch video Animated Portfolio Website with React & Framer Motion | React Project for Beginners online without registration, duration 02 hours 43 minute 46 second in high hd quality. This video was added by user Lama Dev 11 October 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 330 thousand once and liked it 8 thousand people.