Animated Portfolio Website with React & Framer Motion | React Project for Beginners

Uploaded By: Myvideo

Published on

9 Feb 2024

1 view

0

0 votes

0

About Share Download Add to

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

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/cEJBNE03QlR5TFpRQytJSHd6UUFCRTVrcGl5aEdPc1BVVzgxTnZQaU5mTT0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

The Tongue Stealer

3 hours ago

00:03:18

The Tongue Stealer

1 28%

THE WOLF HOUSE (OFFICIAL USA TRAILER)

12 hours ago

00:02:02

THE WOLF HOUSE (OFFICIAL USA TRAILER)

1 95%

Epic Music VN AUDIOMACHINE - THE BEST OF EPIC MUSIC 2023 - 2024 COLLECTION

22 hours ago

01:30:33

Epic Music VN AUDIOMACHINE - THE BEST OF EPIC MUSIC 2023 - 2024 COLLECTION

2 42%

We're Costco Guys

23 hours ago

00:04:01

We're Costco Guys

1 28%

Пиратский логотип в Adobe Illustrator | Видеоуроки

1 day ago

00:45:01

Пиратский логотип в Adobe Illustrator | Видеоуроки

1 77%

Discovering Shrek LOST MEDIA - Rare Dreamworks Art Portfolio

1 day ago

00:24:07

Discovering Shrek LOST MEDIA - Rare Dreamworks Art Portfolio

1 45%

MINECRAFT STORY MODE: The Remake - Teaser Trailer

1 day ago

00:01:27

MINECRAFT STORY MODE: The Remake - Teaser Trailer

1 78%

FURYDROPS. Блог Григория Баженова об экономике. ИИ отнимет у нас работу Киберпанк, который вам не покажут в кино.

2 days ago

00:17:48

FURYDROPS. Блог Григория Баженова об экономике. ИИ отнимет у нас работу Киберпанк, который вам не покажут в кино.

10 23%

ОБЗОР НА ЧАРА-ХРАНИТЕЛИ СПУСТЯ 15 ЛЕТ

3 days ago

00:34:03

ОБЗОР НА ЧАРА-ХРАНИТЕЛИ СПУСТЯ 15 ЛЕТ

1 32%

Make your art Move - Blender 2D animation tutorial

3 days ago

00:11:34

Make your art Move - Blender 2D animation tutorial

1 62%

Amazing 3D Animation Website with So Eazy

4 days ago

00:15:21

Amazing 3D Animation Website with So Eazy

4 8%

2024 Когда в один день наступила осень

4 days ago

00:01:03

2024 Когда в один день наступила осень

1 54%

In the Zone lofi focus beats / work mix

4 days ago

02:00:35

In the Zone lofi focus beats / work mix

1 45%

Front End Portfolio Website Tutorial , , Tailwind CSS

5 days ago

03:52:37

Front End Portfolio Website Tutorial , , Tailwind CSS

4 56%

PolyPaint Make your art Move - Blender 2D animation tutorial

6 days ago

00:12:13

PolyPaint Make your art Move - Blender 2D animation tutorial

34 56%

Tilda Publishing Дизайнер создаёт главную страницу сайта в Zero Block на Тильде: #tildatimelapse

1 week ago

00:02:16

Tilda Publishing Дизайнер создаёт главную страницу сайта в Zero Block на Тильде: #tildatimelapse

3 65%

Period Drama - Animated Short Film

1 week ago

00:02:03

Period Drama - Animated Short Film

1 72%

PLEDGE OF HONOR | The Heroic Music Mix

1 week ago

01:05:30

PLEDGE OF HONOR | The Heroic Music Mix

2 64%

Da li si KOVIDAN - Nykk Deetronic

1 week ago

00:03:48

Da li si KOVIDAN - Nykk Deetronic

1 37%

Dim dim dim dim dim - by Nykk Deetronic (2023)

1 week ago

00:02:17

Dim dim dim dim dim - by Nykk Deetronic (2023)

1 15%

Freish Pil Mellsher - 5opka Киношка (Анимационный Майнкрафт Клип) 2024 (Версия А)

1 week ago

00:03:59

Freish Pil Mellsher - 5opka Киношка (Анимационный Майнкрафт Клип) 2024 (Версия А)

73 7%

Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Tutorial

1 week ago

02:53:19

Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Tutorial

1 46%

How to animate maps like VOX (After Effects Tutorial)

1 week ago

00:16:48

How to animate maps like VOX (After Effects Tutorial)

3 66%

Make Transitions Like Vox (After Effects Tutorial)

1 week ago

00:21:34

Make Transitions Like Vox (After Effects Tutorial)

16 13%

0 Comments

Guest