Building a Cinematic Samurai Portfolio Website with AI | GSAP Scroll Animation + Next.js
0:14
YouTubeWebxBuilds
Building a Cinematic Samurai Portfolio Website with AI | GSAP Scroll Animation + Next.js
⚔️ What if a portfolio website felt like an anime movie? In this video, I'm building a cinematic Samurai-inspired portfolio website using AI-generated visuals, GSAP ScrollTrigger, Lenis, Next.js, and modern web development techniques. The goal is to create a premium scroll-based experience where every frame tells a story while keeping the ...
2.1K views1 month ago
Shorts
How I build with Claude 👇 Academy in bio 🔗 I inspected this one, it runs on GSAP and headless Shopify, here is the real stack: The product that floats and turns as you scroll is a frame sequence, you preload a set of rendered images and draw them to a canvas, then GSAP ScrollTrigger maps your scroll position to the frame index, so scrolling literally scrubs the 3D shot. The intro where everything settles into place is a single GSAP timeline on load, you stagger the headline, nav and product so
0:29
493.8K views
How I build with Claude 👇 Academy in bio 🔗 I inspected this one, it runs on GSAP
webloved
AI can now create PRO animations with GSAP 🤯 #ai #gsap #developer #claude #gemini
0:44
12K views
AI can now create PRO animations with GSAP 🤯 #ai #gsap #developer #claude
Javi Niguez
GSAP Tutorials
GSAP Wind Blown Text #coding #textanimation #gsap
0:11
GSAP Wind Blown Text #coding #textanimation #gsap
YouTubeThe Curated UX
188 views1 month ago
Animated Download Button with GSAP 🚀 | HTML CSS JavaScript UI Animation
0:11
Animated Download Button with GSAP 🚀 | HTML CSS JavaScript UI Animation
YouTubeFrontend Focus Official
1.1K views2 months ago
Create a Modern UI Slider Animation with GSAP
0:08
Create a Modern UI Slider Animation with GSAP
YouTubeQyraxis
129 views3 months ago
Top videos
Learn React + GSAP by Building ONE Portfolio 🚀 Full Tutorial FREE #shorts #reactjs #gsap
0:15
Learn React + GSAP by Building ONE Portfolio 🚀 Full Tutorial FREE #shorts #reactjs #gsap
YouTubeRupz Web
289 views1 month ago
Cinematic Blur Focus Text Animation | GSAP Tutorial | #gsap | CodeG
0:07
Cinematic Blur Focus Text Animation | GSAP Tutorial | #gsap | CodeG
YouTubeCodeG
282 views6 months ago
GSAP animation tutorial | GSAP project
0:06
GSAP animation tutorial | GSAP project
YouTubeCodeG
119 views11 months ago
GSAP Projects
You Won't Believe How Easy GSAP Is
1:36
You Won't Believe How Easy GSAP Is
YouTubePixel Grid UI
1.5K views7 months ago
GSAP Flip Animation Tutorial | Bento Grid Scroll Effect with HTML CSS JavaScript
0:16
GSAP Flip Animation Tutorial | Bento Grid Scroll Effect with HTML CSS JavaScript
YouTubeAduok Code
551 views2 months ago
Premium Construction Design | #html #css #gsap
0:24
Premium Construction Design | #html #css #gsap
YouTubeKeyframe Tech Solutions
1 month ago
Learn React + GSAP by Building ONE Portfolio 🚀 Full Tutorial FREE #shorts #reactjs #gsap
0:15
Learn React + GSAP by Building ONE Portfolio 🚀 Full Tutorial FREE #shorts #reactjs #gsap
289 views1 month ago
YouTubeRupz Web
Cinematic Blur Focus Text Animation | GSAP Tutorial | #gsap | CodeG
0:07
Cinematic Blur Focus Text Animation | GSAP Tutorial | #gsap | CodeG
282 views6 months ago
YouTubeCodeG
GSAP animation tutorial | GSAP project
0:06
GSAP animation tutorial | GSAP project
119 views11 months ago
YouTubeCodeG
AI can now create PRO animations with GSAP 🤯 #ai #gsap #developer #claude #gemini
0:44
AI can now create PRO animations with GSAP 🤯 #ai #gsap #developer #claude #gemini
12K views5 months ago
YouTubeJavi Niguez
GSAP ScrollTrigger Animation in HTML & CSS 🚀 | Source Code
0:11
GSAP ScrollTrigger Animation in HTML & CSS 🚀 | Source Code
4.9K views8 months ago
YouTubeCode with Me
Animated Download Button with GSAP 🚀 | HTML CSS JavaScript UI Animation
0:11
Animated Download Button with GSAP 🚀 | HTML CSS JavaScript UI Animation
1.1K views2 months ago
YouTubeFrontend Focus Official
Mind-Blowing Scroll Animation using GSAP + Canvas 😍🔥
0:07
Mind-Blowing Scroll Animation using GSAP + Canvas 😍🔥
2.9K viewsSep 2, 2025
YouTubeCodeG
0:28
No-code GSAP animation in Webflow
31K viewsJul 21, 2025
YouTubeFlux Academy
0:12
Robot Toggle Switch Animation 🤖 Pure HTML CSS & GSAP
1.1K views2 months ago
YouTubeFrontend Focus Official
0:59
CREATE AN IMMERSIVE LANDING PAGE WITH ANIMATED VIDEO BACKGROUNDS AND SCROLL EFFECTS | Gsap Animation
2.1K viewsAug 13, 2025
YouTubeDevWave Diaries
0:37
Project 113 - Three js Particles and GSAP Heading Animation
34 views3 months ago
YouTubeweb.animations.and.effects
0:29
How I build with Claude 👇 Academy in bio 🔗 I inspected this one, it runs on GSAP and headless Shopify, here is the real stack: The product that floats and turns as you scroll is a frame sequence, you preload a set of rendered images and draw them to a canvas, then GSAP ScrollTrigger maps your scroll position to the frame index, so scrolling literally scrubs the 3D shot. The intro where everything settles into place is a single GSAP timeline on load, you stagger the headline, nav and product so
493.8K views3 months ago
TikTokwebloved
0:23
Espectacular las animaciones que se pueden hacer con la biblioteca GSAP en pocas líneas de código. Por ejemplo, al estilo de la página de Apple donde hay una animación estilo vídeo mientras haces scroll. Para eso puedes usar el plugin de ScrollTrigger, detectar la posición y cargar el frame correcto para hacerlo. ¿Qué te parece? #gsap #uxui #css3 #programacion #frontend
2.8K views1 month ago
TikTokmidudev
0:23
GSAP ScrollTrigger: Animaciones de Scroll al Estilo Apple
81.1K views4 months ago
TikTokmidudev
1:03
GSAP: Thư viện JavaScript Miễn Phí Cho Animation Web
131.4K viewsMay 9, 2025
TikTokjuno_okyo
0:32
Animaciones avanzadas en tu Página Web con GSAP
85.7K viewsAug 2, 2025
TikTokgabrielfong.web
0:39
Diseño Web y Programación con WordPress y GSAP
182.8K viewsApr 25, 2024
TikTokgabrielfong.web
0:37
Mastering GSAP for Unreal Animations in React
29.9K views6 months ago
TikToktheprocoders_offical
0:18
GSAP Demo Hub to zbiór gotowych przykładów animacji do realnego użycia na stronie. Jako projektant możesz wykorzystać GSAP do animacji sekcji, tekstów, nawigacji, hoverów, scrollowania i bardzo wielu rozmaitych interakcji UI. Co trzeba zrobić, żeby dodać animacje: 1️⃣ Dodać GSAP do projektu – przez CDN lub npm, bez dodatkowych narzędzi. 2️⃣ Podmienić selektory – dopasować klasy i elementy do swojego HTML-a. 3️⃣ Dostosować animację – zmienić timing, kolejność lub trigger; pamiętaj że AI pomaga sz
22.2K views7 months ago
TikTokkarol.ux
See more
Static thumbnail place holder

Short videos

0:14
Building a Cinematic Samurai Portfolio Website with AI | GSAP Scroll Animation +
2.1K views1 month ago
YouTubeWebxBuilds
0:15
Learn React + GSAP by Building ONE Portfolio 🚀 Full Tutorial FREE #shorts #reactjs
289 views1 month ago
YouTubeRupz Web
0:07
Cinematic Blur Focus Text Animation | GSAP Tutorial | #gsap | CodeG
282 views6 months ago
YouTubeCodeG
0:06
GSAP animation tutorial | GSAP project
119 views11 months ago
YouTubeCodeG
0:29
How I build with Claude 👇 Academy in bio 🔗 I inspected this one, it runs on GSAP and
493.8K views3 months ago
TikTokwebloved
0:44
AI can now create PRO animations with GSAP 🤯 #ai #gsap #developer #claude
12K views5 months ago
YouTubeJavi Niguez
0:11
GSAP ScrollTrigger Animation in HTML & CSS 🚀 | Source Code
4.9K views8 months ago
YouTubeCode with Me
0:11
Animated Download Button with GSAP 🚀 | HTML CSS JavaScript UI Animation
1.1K views2 months ago
YouTubeFrontend Focus Official
0:07
Mind-Blowing Scroll Animation using GSAP + Canvas 😍🔥
2.9K viewsSep 2, 2025
YouTubeCodeG
0:28
No-code GSAP animation in Webflow
31K viewsJul 21, 2025
YouTubeFlux Academy
0:12
Robot Toggle Switch Animation 🤖 Pure HTML CSS & GSAP
1.1K views2 months ago
YouTubeFrontend Focus Official
0:59
CREATE AN IMMERSIVE LANDING PAGE WITH ANIMATED VIDEO
2.1K viewsAug 13, 2025
YouTubeDevWave Diaries
0:37
Project 113 - Three js Particles and GSAP Heading Animation
34 views3 months ago
YouTubeweb.animations.and.effects
0:23
Espectacular las animaciones que se pueden hacer con la biblioteca GSAP en pocas
2.8K views1 month ago
TikTokmidudev
0:23
GSAP ScrollTrigger: Animaciones de Scroll al Estilo Apple
81.1K views4 months ago
TikTokmidudev
1:03
GSAP: Thư viện JavaScript Miễn Phí Cho Animation Web
131.4K viewsMay 9, 2025
TikTokjuno_okyo
0:32
Animaciones avanzadas en tu Página Web con GSAP
85.7K viewsAug 2, 2025
TikTokgabrielfong.web
0:39
Diseño Web y Programación con WordPress y GSAP
182.8K viewsApr 25, 2024
TikTokgabrielfong.web
0:37
Mastering GSAP for Unreal Animations in React
29.9K views6 months ago
TikToktheprocoders_offical
0:18
GSAP Demo Hub to zbiór gotowych przykładów animacji do realnego użycia na stronie.
22.2K views7 months ago
TikTokkarol.ux
Static thumbnail place holder