This course teaches how to create a page transition using Framer Motion and React Router. The learning outcomes include understanding how to integrate Framer Motion, create fade-out transitions, animate variants, and utilize scroll Y progress and opacity. The course focuses on practical implementation through coding examples. The intended audience for this course is front-end developers and UI designers familiar with React.js and interested in enhancing user experience through page transitions.
Overview
Syllabus
Intro
How it works
Adding Framer Motion
Changing the URL
Fade out transitions
Animate
Variants
Scroll Y Progress
Scroll Opacity
No Scroll
Outro
Taught by
Wrong Akram
