How To Add Page Transitions To NextJS 14 (including Exit Animations)
10:34
YouTubeTom Is Loading
How To Add Page Transitions To NextJS 14 (including Exit Animations)
Animated UI components for React, Tailwind CSS, Framer Motion & More https://www.hover.dev Today we're going to check out how to create custom, flexible page transitions with the NextJS 14 app router. We'll do this without any fancy animation framework tricks. We will write our code in a way that it can be reused and built upon such that each ...
78.7K viewsJul 4, 2024
Shorts
🔥 Smooth Scroll Down Animation | Elevate Your Website Design with CSS & JavaScript!
0:20
20K views
🔥 Smooth Scroll Down Animation | Elevate Your Website Design with CSS &
Code with Me
🔥 Create a Custom Image Slider with GSAP | Smooth Animations with HTML, CSS & JavaScript
0:18
4.1K views
🔥 Create a Custom Image Slider with GSAP | Smooth Animations with HTML, CSS
Code with Me
Next.js Tutorial
Next.js Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework
3:26:29
Next.js Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework
YouTubeJavaScript Mastery
2.4M viewsMay 5, 2023
Next.js 15 Crash Course | Build and Deploy a Production-Ready Full Stack App
5:23:11
Next.js 15 Crash Course | Build and Deploy a Production-Ready Full Stack App
YouTubeJavaScript Mastery
1.3M views11 months ago
Next.js 15 Full Tutorial - Beginner to Advanced
6:54:08
Next.js 15 Full Tutorial - Beginner to Advanced
YouTubeCodevolution
269.1K views7 months ago
Top videos
I Rebuilt 3 Awwwards Page Transitions using Nextjs and Framer Motion (Page Router)
35:01
I Rebuilt 3 Awwwards Page Transitions using Nextjs and Framer Motion (Page Router)
YouTubeOlivier Larose
93.8K viewsDec 17, 2023
Build a Stunning Animated Website with React, Next.js, Tailwind CSS & GSAP
28:42
Build a Stunning Animated Website with React, Next.js, Tailwind CSS & GSAP
YouTubeWebChain Dev
1.9K views10 months ago
Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion
2:44:26
Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion
YouTubeJavaScript Mastery
838.9K viewsMay 17, 2024
Next.js Crash Course
Next.js 13 Crash Course | App Directory, React Server Components & More
1:22:45
Next.js 13 Crash Course | App Directory, React Server Components & More
YouTubeTraversy Media
215K viewsApr 5, 2023
Next.js Crash Course
1:09:44
Next.js Crash Course
YouTubeTraversy Media
846.2K viewsJan 26, 2021
NextJS 15 Full Course 2025 | Become a NextJS Pro in 1.5 Hours
1:18:20
NextJS 15 Full Course 2025 | Become a NextJS Pro in 1.5 Hours
YouTubePedroTech
116.2K views4 months ago
I Rebuilt 3 Awwwards Page Transitions using Nextjs and Framer Motion (Page Router)
35:01
I Rebuilt 3 Awwwards Page Transitions using Nextjs and Framer …
93.8K viewsDec 17, 2023
YouTubeOlivier Larose
Build a Stunning Animated Website with React, Next.js, Tailwind CSS & GSAP
28:42
Build a Stunning Animated Website with React, Next.js, Tailwind CSS & G…
1.9K views10 months ago
YouTubeWebChain Dev
Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion
2:44:26
Build and Deploy an Amazing Developer Portfolio with Next JS and …
838.9K viewsMay 17, 2024
YouTubeJavaScript Mastery
Build and Deploy animated Portfolio Website with Next.js and Framer Motion
1:02:22
Build and Deploy animated Portfolio Website with Next.js and Framer Mot…
264.1K viewsOct 26, 2023
YouTubeWebChain Dev
Build a Dark Modern Animated Website with Next.js 14, GSAP, Prismic and TypeScript - Full Course
5:29:23
Build a Dark Modern Animated Website with Next.js 14, GSAP, Pris…
253.9K viewsMar 15, 2024
YouTubePrismic
Create a Stunning AI Landing Page from Scratch (React, Next.js, Tailwind, Framer Motion)
3:52:57
Create a Stunning AI Landing Page from Scratch (React, Next.js, Tailwin…
70.7K viewsAug 3, 2024
YouTubeFrontend Tribe
Next.js Page Transitions So Good, GSAP Deserves a Standing Ovation
22:20
Next.js Page Transitions So Good, GSAP Deserves a Standing Ovation
5.5K views1 month ago
YouTubeCodegrid
12:25
Next JS Scroll Animation That Wows (A GSAP & ScrollTrigger Tutorial)
34.5K viewsSep 1, 2024
YouTubeCodegrid
18:19
Next JS Page Transitions (View Transition API Makes It TOO EASY)
37.5K views7 months ago
YouTubeCodegrid
18:41
Next JS Scroll Animation That Feels Like Magic
13.6K views11 months ago
YouTubeCodegrid
6:13:30
Build a 3D Ecommerce Landing Page with Next.js, GSAP, Three.js and Pris…
238.7K viewsSep 4, 2024
YouTubePrismic
19:01
GSAP Animations in Next.js & ReactJS 🚀
3.3K views2 months ago
YouTubeThapa Technical
7:11
You can now build AWESOME Next js Transitions
3.2K views9 months ago
YouTubeAnkita Kulkarni
3:04:05
Build and Deploy a Portfolio Website Using Next JS, Tailwind CSS & Frame…
613K viewsMay 15, 2024
YouTubeCristian Mihai
5:19
Next.js 15 Tutorial - 10 - Not Found Page
43.4K views9 months ago
YouTubeCodevolution
7:29
Next.js Auto Loading Animation with loading.jsx | Show Spinner Without A…
1.6K views3 months ago
YouTubeThapa Technical
3:52:38
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS
303.3K viewsOct 3, 2024
YouTubefreeCodeCamp.org
2:25:38
Build a Next.js 15 Product Landing Page with Tailwind v4 & TypeScript
4.6K views6 months ago
YouTubeWebDev Warriors
26:15
Framer Motion in Next.js 🚀 Master Animation in One Video in Hindi
3.6K views2 months ago
YouTubeThapa Technical
9:31:39
Learn Next.js 15, GSAP, Three.js and Prismic to build a 3D skateboard web…
43.4K views9 months ago
YouTubePrismic
2:51
Animate On Scroll With Just 3 LINES Of CSS (No Libraries Needed)
529K viewsJun 2, 2024
YouTubeSnippets Code
3:16
Next.js 15 Tutorial - 24 - Loading UI
7.1K views8 months ago
YouTubeCodevolution
43:26
Build a 3D Book Slider Landing Page with Three.js & React
58K viewsJul 27, 2024
YouTubeWawa Sensei
2:28:01
Web Animations Full Course 2025 | Build an Awwwards Website & Maste…
576.5K views3 months ago
YouTubeJavaScript Mastery
6:05
Next.js 15 Tutorial - 7 - Dynamic Routes
61.9K views9 months ago
YouTubeCodevolution
8:21
Next JS Page Transitions Using Framer Motion - NextJS 13 | 2023
63.1K viewsAug 9, 2023
YouTubeCodegrid
16:45
Next JS and ScrollTrigger Made This 3D Card Animation CRAZY Smooth
15.8K viewsSep 15, 2024
YouTubeCodegrid
40:30
Next js 14 Animated Slider Using Typescript | Tailwind CSS | Framer M…
13.5K viewsJul 19, 2024
YouTubeFrontend Advance
8:13
NextJS Page Animation Transitions with GSAP
Mar 7, 2024
YouTuberithmic
See more videos
Static thumbnail place holder