This Page Transition Looks INSANELY Smooth | Next.js Tutorial

Description

In this video, we are recreating a super smooth cinematic page transition inspired by an Awwwards SOTD website using Next.js and next-view-transitions. We’ll build: • Fullscreen cinematic hero sections • Persistent navbar transitions • Custom View Transition animations • Clip-path reveal effects • Smooth modern page navigation Inspiration Website: https://waabi.ai/ Source Code: https://github.com/agentPritam47/pagetransition-waabi.git My Socials: Instagram → https://www.instagram.com/pritam_das_dev/ LinkedIn → https://www.linkedin.com/in/pritam-das-683a942a4/ Discord Community → https://discord.com/invite/VuvtNku2Bv If you enjoy creative frontend development content, make sure to subscribe ❤️ 00:00 Intro 00:54 Layout Setup 02:58 Navbar Setup 03:30 Page Transition Setup 05:57 Final Result