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
Смотрите видео Animated Portfolio Website with React & Framer Motion | React Project for Beginners онлайн без регистрации, длительностью 02 часов 43 минут 46 секунд в хорошем hd качестве. Это видео добавил пользователь Lama Dev 11 Октябрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 330 тысяч раз и оно понравилось 8 тысяч людям.