Animated Portfolio Website with React and Framer Motion - React Project for Beginners

Animated Portfolio Website with React and Framer Motion - React Project for Beginners

Lama Dev via YouTube Direct link

Framer Motion Animated Progress Bar

18 of 25

18 of 25

Framer Motion Animated Progress Bar

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Animated Portfolio Website with React and Framer Motion - React Project for Beginners

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

  1. 1 Introduction
  2. 2 Installation
  3. 3 How To Scroll Snap CSS Snap Scroll Effect
  4. 4 Global CSS
  5. 5 Navbar Design
  6. 6 React Framer Motion Crash Course
  7. 7 Animated Sidebar Hamburger Menu Animation
  8. 8 How to smooth scroll between HTML sections?
  9. 9 Hamburger Menu Button SVG Animation
  10. 10 Sidebar Menu Link Animations
  11. 11 Animated Hero Section Design
  12. 12 Framer Motion Sliding Text Animation
  13. 13 Framer Motion Parallax Tutorial
  14. 14 Framer Motion useScroll and useTransform Hook Tutorial
  15. 15 Services Section Design
  16. 16 Framer Motion How to Animate in View useInWiew Hook
  17. 17 Animated Portfolio Section Design
  18. 18 Framer Motion Animated Progress Bar
  19. 19 How to Animate Items on Scroll?
  20. 20 Contact Section Design
  21. 21 How to send mail in React?
  22. 22 React Animated Mouse Cursor
  23. 23 Mobile Responsive Design
  24. 24 How to Deploy React App to a Shared Hosting
  25. 25 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.