Start speaking a new language. It’s just 3 weeks away.
Python, Prompt Engineering, Data Science — Build the Skills Employers Want Now
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Learn to implement smooth page transitions in Next.js applications using Framer Motion in this 28-minute tutorial. Explore the process of creating engaging animations for product transitions, fade-in/out effects, and image animations. Discover how to fix background issues and add interactive hover and tap animations. Access the provided GitHub repository for code examples and delve into the Framer Motion API for advanced techniques. Gain insights from front-end developer and UI designer Akram as he demonstrates how to enhance the visual appeal of React.js projects.
Syllabus
Intro
My JSON Server
Switching to Starter
Project Breakdown
Product Transition
FadeInOut Animation
Image Animation
Product Animation
Fixing the Background
Hover and Tap
Outro
Taught by
Wrong Akram