Ali Sanati Dev

@UCZhtUWTtk3bGJiMPN9T4HWA - 3.6K 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

408 views - 5 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

231 views - 5 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

175 views - 5 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

255 views - 5 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

264 views - 5 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

455 views - 5 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

285 views - 5 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

266 views - 5 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

291 views - 5 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

319 views - 5 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

407 views - 5 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

720 views - 5 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.4K views - 5 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

38K views - 9 months 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

180.1K views - 11 months ago