Главная
Study mode:
on
1
Introduction
2
Installation
3
Responsive Navbar Design with Next.js & Tailwind CSS
4
Hamburger Menu Design with Next.js & Tailwind CSS
5
Next.js How to Give Active Link Style for a Navbar Link?
6
Hero Section Design with Next.js & Tailwind CSS
7
Next.js Framer Motion Tutorial
8
Framer Motion Hamburger Menu Animation
9
Framer Motion Stagger Children Tutorial
10
Next.js Framer Motion Page Transition Tutorial
11
Portfolio Website About Page Design
12
Portfolio Website Skills Section Design
13
Timeline Design with Tailwind CSS
14
Framer Motion SVG Animation Tutorial
15
Framer Motion Scroll Animation Tutorial useScroll & useTransform hooks
16
Framer Motion useInView Hook Tutorial
17
Portfolio Page Design with Next.js & Tailwind CSS
18
Framer Motion Horizontal Scroll Animation Tutorial
19
Circle Text Rotation Animation Tutorial
20
Portfolio Single Item Design
21
Portfolio Website Contact Page Design
22
Framer Motion Text Typing Animation
23
Next.js Contact Form Design
24
Portfolio Website How to Send a Mail Using a Contact Form?
25
How to Deploy a Next.js App to a Hosting?
26
Outro
Description:
Create a stunning animated portfolio website using Next.js, Framer Motion, and Tailwind CSS in this comprehensive tutorial. Learn to build a responsive navbar, implement a hamburger menu, design hero and about sections, and create engaging animations. Master Framer Motion techniques for page transitions, SVG animations, scroll effects, and text typing. Develop skills in crafting a portfolio page with horizontal scrolling, designing a contact form, and implementing email functionality. Conclude with deployment instructions for your Next.js app, equipping you with the knowledge to showcase your work professionally online.

Next.js Animated Portfolio Website with Framer Motion and Tailwind CSS - Beginner Project

Lama Dev
Add to list
#Programming #Programming Languages #Javascript #React #Next.js #Web Development #Art & Design #Visual Arts #Animation #Web Design #Responsive Design #User Experience Design #User Interface Design #User Interfaces #Framer Motion
0:00 / 0:00
1 of 26

Introduction