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

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

Lama Dev via YouTube Direct link

Portfolio Website About Page Design

11 of 26

11 of 26

Portfolio Website About Page Design

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 Installation
  3. 3 Responsive Navbar Design with Next.js & Tailwind CSS
  4. 4 Hamburger Menu Design with Next.js & Tailwind CSS
  5. 5 Next.js How to Give Active Link Style for a Navbar Link?
  6. 6 Hero Section Design with Next.js & Tailwind CSS
  7. 7 Next.js Framer Motion Tutorial
  8. 8 Framer Motion Hamburger Menu Animation
  9. 9 Framer Motion Stagger Children Tutorial
  10. 10 Next.js Framer Motion Page Transition Tutorial
  11. 11 Portfolio Website About Page Design
  12. 12 Portfolio Website Skills Section Design
  13. 13 Timeline Design with Tailwind CSS
  14. 14 Framer Motion SVG Animation Tutorial
  15. 15 Framer Motion Scroll Animation Tutorial useScroll & useTransform hooks
  16. 16 Framer Motion useInView Hook Tutorial
  17. 17 Portfolio Page Design with Next.js & Tailwind CSS
  18. 18 Framer Motion Horizontal Scroll Animation Tutorial
  19. 19 Circle Text Rotation Animation Tutorial
  20. 20 Portfolio Single Item Design
  21. 21 Portfolio Website Contact Page Design
  22. 22 Framer Motion Text Typing Animation
  23. 23 Next.js Contact Form Design
  24. 24 Portfolio Website How to Send a Mail Using a Contact Form?
  25. 25 How to Deploy a Next.js App to a Hosting?
  26. 26 Outro

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.