Перейти к содержимому

Next.js Page Transitions So Good, GSAP Deserves a Standing Ovation

Codegrid

0:00 / 0:00

Next.js Page Transitions So Good, GSAP Deserves a Standing Ovation

25 881 просмотр · 1 год назад
Codegrid
148 тыс. подписчиков
25 881 просмотр · 1 год назад
Learn how to build smooth, fully custom page transitions in Next.js with GSAP — combining an animated overlay sequence, SVG stroke animation, route change interception, and precise control using GSAP timelines. Source Code: https://codegrid.gumroad.com/l/codegr... Inspiration: MIUX Studio Website: https://madeinuxstudio.com/ Timestamps: 0:00 Intro 1:20 Project Setup & Cleanup 2:42 Creating Core Pages 4:19 Building the Navigation Component 5:16 Applying Global Styles 8:24 Adding the Logo Component 9:57 Creating the Page Transition Component Instagram:   / codegridweb   Twitter:   / codegridweb   Public Discord:   / discord   Music from Epidemic Sound. Thanks for watching!