Ali Sanati Dev

@UCZhtUWTtk3bGJiMPN9T4HWA - 3.7K subscribers

Whether you’re a beginner or leveling up, you’ll learn how to create beautiful, functional websites — without wasting hours in tutorial hell.

Home Videos Live Playlists

Part 11 (Final): Preload & Cache 3D Assets for Seamless Navigation (Next.js + R3f + Drei)

Part 11 (Final): Preload & Cache 3D Assets for Seamless Navigation (Next.js + R3f + Drei) Ali Sanati Dev

503 views - 8 months ago

Part 10: Create a Loading Skeleton with useProgress (Next.js + R3f + Gsap)

Part 10: Create a Loading Skeleton with useProgress (Next.js + R3f + Gsap) Ali Sanati Dev

294 views - 8 months ago

Part 9: Make Users Feel the Site — Music + Motion Trick (Next.js + R3F + GSAP)

Part 9: Make Users Feel the Site — Music + Motion Trick (Next.js + R3F + GSAP) Ali Sanati Dev

208 views - 8 months ago

Part 8-3: Cinematic Scroll Animations for 3D — GSAP ScrollTrigger (Next.js + R3f + Gsap)

Part 8-3: Cinematic Scroll Animations for 3D — GSAP ScrollTrigger (Next.js + R3f + Gsap) Ali Sanati Dev

294 views - 8 months ago

Part 8-2: Cinematic Scroll Animations for 3D — GSAP ScrollTrigger (Next.js + R3f + Gsap)

Part 8-2: Cinematic Scroll Animations for 3D — GSAP ScrollTrigger (Next.js + R3f + Gsap) Ali Sanati Dev

300 views - 8 months ago

Part 8-1: Cinematic Scroll Animations for 3D — GSAP ScrollTrigger (Next.js + R3f + Gsap)

Part 8-1: Cinematic Scroll Animations for 3D — GSAP ScrollTrigger (Next.js + R3f + Gsap) Ali Sanati Dev

499 views - 9 months ago

Part 7: Build a Cinematic 3D Scene (Next.js + R3f + Drei)

Part 7: Build a Cinematic 3D Scene (Next.js + R3f + Drei) Ali Sanati Dev

322 views - 9 months ago

Part 6: Animating 3D Text with GSAP Marquee (Next.js + R3f + Drei)

Part 6: Animating 3D Text with GSAP Marquee (Next.js + R3f + Drei) Ali Sanati Dev

289 views - 9 months ago

Part 5: Make Each Product Page a 3D Showpiece (Next.js + R3F + Drei)

Part 5: Make Each Product Page a 3D Showpiece (Next.js + R3F + Drei) Ali Sanati Dev

325 views - 9 months ago

Part 4: Build 3D Navigation & Mobile Responsiveness – (Next.js + R3f + GSAP)

Part 4: Build 3D Navigation & Mobile Responsiveness – (Next.js + R3f + GSAP) Ali Sanati Dev

366 views - 9 months ago

Part 3: Your 3D Website Feels Dead Without This Animation (Next.js + R3f + Drei)

Part 3: Your 3D Website Feels Dead Without This Animation (Next.js + R3f + Drei) Ali Sanati Dev

459 views - 9 months ago

Part 2: Optimize 3D Models & Textures Like Awwwards Pros (Next.js + R3f)

Part 2: Optimize 3D Models & Textures Like Awwwards Pros (Next.js + R3f) Ali Sanati Dev

825 views - 9 months ago

Part 1: Build an Awwwards-Winning 3D Adidas Website (Next.js + R3f + Drei) – R3F Setup & Materials

Part 1: Build an Awwwards-Winning 3D Adidas Website (Next.js + R3f + Drei) – R3F Setup & Materials Ali Sanati Dev

2.7K views - 9 months ago

Build Your Dream 3D Dev Awwwards Portfolio in 2 hours

Build Your Dream 3D Dev Awwwards Portfolio in 2 hours Ali Sanati Dev

42K views - 1 year ago

The Easiest 3D Dev Portfolio You’ll Ever Build Just in 2 Hours

The Easiest 3D Dev Portfolio You’ll Ever Build Just in 2 Hours Ali Sanati Dev

193K views - 1 year ago