Videos

Videos from the Anderson Mancini YouTube channel: Three.js, React Three Fiber and WebGPU projects, tutorials, source code walkthroughs, game trailers and talks.

Watch the channel on YouTube · Subscribe

2026

ODD & OUT — Official Trailer | Free 3D Game in Your Browser (0:30, Games)
Halloween nights just landed in Graveyard Pinball (0:56, Games)
Slice Tilt – a 3D pinball on a pizza, built with WebGPU/TSL + Rapier2D (0:35, Games)
I Built a Haunted Pinball Table That Runs in Your Browser (Free) (3:53, Games)
My game won Site of the Day on FWA! Threejs Punk Racing Game (0:32, Games)
Lantern Valley - New Indie cozy game (8:30, Games)
How I Make My Three.js Projects - WebGPU Production - Threejs Conference Talk Keynote (46:14, Talks)
My first ThreeJS racing game is live (1:42, Games)
Playing my game - Threejs Punk Driving (44:54, Games)
How Far Can Three.js Push Web Games? (1:47, Games)
Threejs CyberPunk WebGPU - Threejs Conference (0:48, Games)
Threejs WebGPU Advanced Glass rendering thick glass objects (1:14, Projects)
Threejs Conference Talk Keynote (47:05, Talks)
Three.js - Water collision and Splashes - CyberPunk project for Threejs Conference Paris (0:48, Projects)
Threejs Advanced Glass Material for R3F - Perfume Example (1:55, Components)
WebGPU Advanced Glass Material for Threejs (2:53, Components)
Threejs WebGPU Advanced Glass Material - Rendering Edge Chromatic Dispersion (0:35, Components)
WebGPU Glass Dispersion + Caustics - Threejs (0:52, Talks)
THE FORGE AWAITS - Threejs Game (0:44, Games)
WebGPU Glass Material Update (1:14, Components)
WebGPU Glass Material for React Three Fiber (3:31, Components)
Threejs Custom WebGPU Glass Material - Predator Cloak Material WebGPU for React Three Fiber (2:08, Components)
WebGPU Mesh Transmission Material for React Three Fiber (2:46, Components)
Three.js Cyberpunk Update - Water droplets and color themes (1:37, Projects)
CyberPunk Threejs - Conference Project Update (2:31, Projects)
Lumen Decor Studio by Anderson Mancini - WebGPU Threejs SSGI + SSR (0:57, Projects)
Threejs Conference Workshop - Cyberpunk Inspired (2:22, Projects)
Threejs WebGPU Custom Sun Controls for Lumen Decor Studio (1:07, Projects)
Threejs Lumen Decor Studio 2 + SSGI + SSR WebGPU (0:22, Projects)
New Open Source: r3f-webgpu-text (1:06, Projects)
I Built a WebGPU Performance Monitor for React Three Fiber (0:43, Projects)
Three.js r184 SSR Upgrade: More Realistic Reflections with Distance Blur (1:28, Projects)
Creating Powerful Scene Controls with React Three Fiber & Three.js (2:42, Projects)
Three.js + React Three Fiber Interactive Clubhouse Experience for Burnley FC (0:38, Projects)
CerealBnB - Threejs Archiviz Project (1:22, Projects)
Threejs WebGPU Light Probes Grid + SSGI - Technical Breakdown (2:42, Tutorials)
Threejs Architecture Visualization - Lumen Decor Studio - WebGPU SSGI + PROBER (2:40, Projects)
New Threejs Project - South Cliff Dental Group (1:49, Projects)
Threejs Ultra Realistic Diamond Rendering using WebGPU & TSL - React Three Fiber Jewelry (3:58, Projects)
GemGPU - Threejs WebGPU Jewelry Renderer - Diamond Material for React Three Fiber (3:44, Components)
Threejs WebGPU Fluid Painting tool - Light Painting (0:34, Projects)

2025

Threejs Architecture Visualization using WebGPU (2:08, Projects)
Ultimate Lens Flare for Threejs WebGPU Version - Architecture Visualization (1:17, Projects)
Threejs Horizon Fog - Atmosphere Effect by customizing the fog node (0:41, Projects)
Threejs 3d Archiviz realistic Rendering - WebGPU SSGI (1:39, Projects)
Planpoint WebGPU vs WebGL Comparison - Threejs SSGI (3:31, Projects)
Octahedral Impostors in Threejs WebGPU React Three Fiber TSL (1:45, Projects)
Lumen Decor Studio - 3D Configurator - Threejs WebGPU TSL SSGI SSR (2:48, Projects)
Lumen Decor Studio - Color selection - New 3D Configurator - Threejs WebGPU TSL SSGI SSR (3:01, Projects)
Lumen Decor Studio - New 3D Configurator by Anderson Mancini - Threejs WebGPU TSL SSGI SSR (2:22, Projects)
Screen Space Global Illumination in Threejs via WebGPU and React Three Fiber (1:27, Projects)
Threejs SSGI TSL WebGPU - R3F Demo by Anderson Mancini (4:26, Games)
Using Threejs and Gaussian Splatting to achieve ultra-realistic surroundings in Real Estate (0:42, Projects)
Threejs Nuclear Reaction Fusion Energy using GLSL Shaders (1:45, Projects)
Apple Liquid Glass using Threejs R3F (1:44, Components)
Apple Liquid Glass using WebGL Threejs React Three Fiber (1:53, Projects)
Apple Liquid Glass using Threejs and React Three Fiber - WebGL + glsl (1:26, Projects)
ThreeJS Classics Garage 2025 Update (1:24, Games)
Threejs Water Hero Section - React Three Fiber WebGPU + TSL (1:03, Tutorials)
Threejs Enviromment Map Tip - React Three Fiber (0:38, Tutorials)
Schumacher, L+R win People's Voice at the 29th Annual Webby Awards - Threejs Project (1:59, Projects)
3D Storefronts made easy - MantisXR - Threejs + React Three Fiber (1:35, Projects)
MantisXR - Interactive 3D storefronts in just a few clicks - Powered by Threejs (1:46, Projects)
Schumacher House is a Webby Awards Nominee. (1:53, Projects)
Camden Yards - Threejs Project using React Three Fiber for MantisXR (1:59, Projects)
Echoflow Update - Threejs Chatbot using ChatGPT API (0:47, Projects)
Threejs Chatbot using ChatGPT API (1:49, Games)
Threejs + - R3F Wind lines (0:59, Tutorials)
Creative Developer Portfolio Update (0:24, Projects)
Threejs WebGPU Post Processing with TSL in React Three Fiber - Free download (1:27, Components)
Threejs WebGPU Post Processing with React Three Fiber (1:41, Projects)

2024

Threejs Windland in VR/AR (1:32, Tutorials)
Threejs WebXR Realistic Water on Apple Vision Pro (1:23, Tutorials)
WebXR Water created with Threejs for MetaQuest 3 (0:52, Projects)
Threejs WebXR - Meta quest VR AR sessions Realistic water (2:20, Projects)
Threejs Realistic Water on Meta Quest 3 VR / AR/ WebXR (1:35, Projects)
Google Pixel Watch Running Threejs Realistic Water with Caustics as a Watch Face (1:13, Tutorials)
Realistic Water Simulation with threejs is live (2:33, Projects)
Threejs Water Caustics Component for React Three Fiber rendering a Mojito (0:19, Components)
Threejs Water with caustics underwater and droplets using react three fiber (2:49, Projects)
Threejs Water WebGL Pool (0:39, Projects)
Mesh Transition Material - Master Smooth Color Transitions in React Three Fiber - Project Breakdown (15:48, Tutorials)
God of War mini game created with Threejs and React three fiber (1:28, Games)
Mesh Transition Material is now available - Threejs + React Three Fiber (1:38, Components)
How to Add Dark Mode in React Three Fiber & Three.js - Project Source Code Review - Wind Land (15:52, Tutorials)
Threejs Award Winning Project Breakdown - Windland 3D Digital City - Source code review (12:12, Tutorials)
Explore the Gomez Sim Racing Configurator with Three.js & WebGL: A Breakdown of Customization! (12:03, Games)
Create Stunning 3D Web Pages with Google ModelViewer & Three.js (Step-by-Step Tutorial) (14:48, Tutorials)
Part 2 - Beautiful Landing Page with React Fiber & Three.js (Free Course) (20:41, Tutorials)
Part 1 - Beautiful Landing Page with React Fiber & Three.js (Free Course) (34:46, Tutorials)
Mastering the AutoFocus Component in React Three Fiber (11:41, Tutorials)
Three.js Glsl Background for Blockade Labs (0:20, Tutorials)
Threejs Alien Romulus Facehugger - Project + Source Code Review (0:41, Components)
Apple Watch landing page concept using . Source code example available on my GitHub (0:56, Components)
Alien Romulus Inspired Website - Watch trailers in 3D (1:15, Games)
New Threejs Project source code review (0:59, Components)
Threejs Source Code Review - Spaceship Project - Part 1 - Spaceship renderer (16:38, Tutorials)
Alien Romulus Threejs Website (1:19, Projects)
Slik Digital - Paralympics Australia - Threejs Stadium using React Three Fiber (1:15, Projects)
Threejs Aircraft Exhibition on Apple Vision Pro (1:54, Projects)
Aivah July update - new features - Threejs + r3f A.I. Agents (1:35, Projects)
My new threej.js portfolio is live (1:30, Tutorials)
Phonon Metaverse - Three.js Project using React Three Fiber (2:32, Projects)
Threejs powered 3D Ai Agent - Aivah - by OpinionAI (1:05, Talks)
Threejs + React: Architecture Visualization - Performance Tutorial (2:37, Tutorials)
Threejs Archiviz House Project 2024 - Interior Design - Blender EVEE tutorial (1:59, Tutorials)
New Threejs Archiviz Project 2024 (1:31, Projects)
Three.js +Apple VisionPro Spatial AR (2:20, Projects)
Spatial Computing Car configurator - Using Three.js (2:22, Projects)
Apple VisionOS Car Configurator with Three.js (0:34, Projects)
Buying concert tickets on Apple Vision Pro with Three.js (1:07, Projects)
Real time Jewelry rendering on Apple Vision Pro using Three.js (0:22, Projects)
Announcing the Emerging Technology Accelerator Program (0:54, Projects)
[Threejs Plan Viewer for Planpoint (1:36, Projects)
Threejs Interior Parallax Mapping - Three.js Archiviz (2:03, Projects)
Free download - Threejs FakeForest - React Three Fiber Component (1:42, Components)
Threejs Archiviz - Using regression (1:10, Projects)
Threejs Archiviz - Model Optimization Tutorial (2:00, Tutorials)
Threejs Classics Garage Update - New car and new feature (1:14, Projects)
Confetti V2 - Using React Three Fiber Instances - Threejs (0:54, Components)
Free React Three Fiber Component - Confetti V2 (1:41, Components)
Threejs ClassicsGgarage wins FWA Site of the day (0:18, Projects)
Threejs Classics Garage - React Three Fiber Car Configurator (1:44, Projects)
Threejs Car Configurator - Classics Garage Mobile preview (1:21, Projects)
Threejs Spatial Computing Demo - Apple Pro Vision & Three.js using React Three Fiber (1:52, Projects)
Car Configurator Project - item capture animation (1:36, Projects)
Threejs XRay Effect - Classics Garage Project (0:51, Projects)
Threejs Car Configurator - Engine Sound Equalizer Graph (2:10, Projects)
Threejs Classics Garage Project - Car selector (1:55, Projects)
Threejs Classics Garage - React Three Fiber Project (2:02, Projects)
Volumetric Cloud Component for React Three Fiber - Three.js (1:50, Components)
Threejs Configurator - Gomes Sim Industries (0:57, Projects)
Dairy Farmers of Canada - Threejs Project Update (1:21, Projects)
iJewel3D Webflow Project (1:37, Projects)
Threejs Unique Color Picker - Car configurator (1:52, Projects)
Threejs project - Mantis XR new Website using react three fiber (1:23, Projects)
Threejs Fake Volumetric Material (1:04, Components)
Threejs Lens Flare - New Optimized Version (0:26, Projects)
Threejs Transition Material for React Three Fiber (1:54, Components)
Fake Glow for Vanilla Three.js Custom Material + Source code (1:09, Components)
Three.js Room Configurator Awwwards Nominee (1:45, Projects)
[ Threejs Renderer vs Blender 4.1 EVEE Next ] (2:00, Tutorials)
Fake Glow Material for React Three Fiber (0:50, Components)
No Post Processing - source code available (1:46, Tutorials)
I'm creating a new threejs material that it is self aware of any color change. (0:55, Components)
volumetric clouds project using react three fiber running on Galaxy Watch (0:18, Projects)
Threejs Volumetric Clouds - React Three Fiber Demo (1:44, Tutorials)
React Three Fiber Volumetric Clouds Material (1:04, Components)
Threejs Volumetric Clouds using Ray Marched Shader on React Three Fiber (1:57, Projects)

2023

Flight Simulator in Three.js (2:10, Projects)
Gaussian Splatting for Real Estate - Three.js (2:01, Projects)
Merry Three.js Christmas 2023 - Project + Source code (0:47, Components)
What is three.js and how to start with it - JS GameDev Summit 2023 (28:41, Talks)
Travel Bugs Threejs Project (1:51, Projects)
Gaussian Splatting Trees - Threejs (1:21, Projects)
Three.js Gaussian Splatting using Vanilla Drei (1:48, Projects)
Dairy Farmers of Canada experience using (0:38, Projects)
Threejs 3D Gaussian Splatting Vegetation Demo (1:25, Games)
3D gaussian splatting with threejs by LumaAI. (0:15, Projects)
gaussian splatting LumaAI integration is awesome. new video about it coming tomorrow (0:24, Projects)
How to make screen space effects using shaders (1:18, Tutorials)
3D City using . My final project for course . Visit my channel for the link (1:00, Tutorials)
dynamic lighting. Source: https://github.com/ektogamat/threejs-graces (0:34, Projects)
Holographic Material for Vanilla Threejs - Free download (1:30, Components)
Vanilla Holographic Material will be available tomorrow. Please follow to get notification. (0:39, Components)
Holographic Material for React Three Fiber - Update 1.1 (1:00, Components)
My jewelry project featured on homepage (0:51, Projects)
[ Threejs Project Awwwards Nominee 😍 ] (0:37, Projects)
Free Holographic Shader Material + Source code (0:43, Components)
Holographic Material for React Three Fiber (1:21, Components)
Holographic Material for React Three Fiber (1:56, Components)
Three.js drinks landing page for My Muscle Chef (1:23, Tutorials)
Holographic Custom Material Shader Preview - R3F (0:43, Tutorials)
Interactive Particles with Three.js (0:40, Tutorials)
Three.js scrollable page using Gsap and React Three Fiber (1:15, Projects)
Threejs Live Coding - Chocolate Landing Page using R3F (1:05:10, Projects)
Threejs 3D design - Action platform with react three fiber (1:01, Projects)
Threejs Live Coding - Custom Shaders with react three fiber (21:45, Tutorials)
React Three Fiber Custom Shader Predator Material (0:47, Components)
Predator Cloak Material Update - React Three Fiber (1:01, Components)
Easy-to-use Confetti component for React Three Fiber (0:57, Components)
React Three Fiber Shader Transition and Clods (0:53, Projects)
Threejs Farm Project - Flock of birds (0:49, Projects)
Threejs Cornfield crop Project Farm using React Three Fiber (1:54, Tutorials)
Lens Flare for Threejs Free Download (1:36, Components)
Threejs Lens Flare Vanilla Javascript (1:31, Tutorials)
Threejs Lens Flare Vanilla (1:31, Projects)
Threejs Dissolve Glass Material (0:57, Components)
Threejs Predator Cloak Material (0:47, Components)
Threejs Custom Shader Injection from ShaderToy (2:13, Tutorials)
Scrollable page and Configurator using SketchFab (1:23, Tutorials)
Three.js Car Paint Material Flakes - Pixotronics (0:49, Components)
Project Cars Color Grading and HDRMapEditor from Pixotronics (1:39, Projects)
Project Cars - Ultra realistic threejs car configurator (0:27, Projects)
3D virtual Canadian dairy farm experience with Threejs and React Three Fiber (1:17, Projects)
Nikon Landing Page using Pixotronics WEBGI (0:45, Projects)
Lens Flare 30 seconds instalation (0:35, Projects)
Galaxy Watch Threejs Post processing running Lens Flare @60FPS (0:27, Projects)
React Three Fiber Post processing (1:16, Projects)
Ultimate Lens Flare Component (1:00, Components)
Lens Flare Component - Threejs (1:36, Components)
React Three Fiber Lens Flare Free Component (1:58, Tutorials)
Ultimate Lens Flare - Free Component (1:53, Components)
Haunted House React Three Fiber Project (0:25, Projects)
Blender mesh optimization for threejs experiences (1:44, Tutorials)
Threejs earring configurator (0:53, Tutorials)
React Three Fiber Project (0:58, Projects)
Autofocus Haunted House demo (1:46, Projects)
Autofocus component for post processing (1:49, Components)
Threejs Personal Website (1:40, Projects)
Three.js Project for Havaianas (0:30, Projects)
Immersive Studios Show Reel (1:07, Projects)
Three.js Haunted House using React Three Fiber (1:34, Projects)
Threejs Monthly Talk March Episode (0:08, Talks)
New Three.js Sub-Surface Scattering Material (0:40, Components)
Developing theee.js projects for holographic displays using a looking glass factory device (0:15, Projects)
Looking Glass Holographic Monitor running my Three.js projects (0:22, Tutorials)
My first React Three Fiber Configurator Course on Udemy (0:48, Tutorials)
Three.js Pinball in React Three Fiber (1:27, Tutorials)
Threejs Dynamic Textures (1:54, Tutorials)
Threejs Monthly Talk website (1:01, Talks)
Three.js Interactive Hero Section with lots of post-processing (0:39, Tutorials)
Three.js selective bloom pass (1:38, Tutorials)
THREEJS 3D STEERING WHEEL CONFIGURATOR (0:52, Projects)
How to use threejs with a Wix website - Free course (26:53, Tutorials)
Threejs and Midjourney React Three Fiber Landing page (0:27, Games)

2022

Three.js Rolex Scrollable Page (0:54, Tutorials)
GSI Wheel Configurator - Threejs (0:43, Games)
Ola Research - Multiple page Threejs Experience (1:01, Tutorials)
Part 3 - Threejs Scrollable Page - Configurator (32:45, Tutorials)
Threejs Configurator - Free course Trailer (0:28, Tutorials)
Jiotto Webgi Webflow Clonable (0:55, Tutorials)
Part 2 - Threejs Scrollable Page (30:47, Tutorials)
Part 1 - Threejs Scrollable Page (1:12:05, Tutorials)
Build your own Threejs and ScrollTrigger page (0:58, Tutorials)
Threejs Apple Watch Pro Launch Demo (1:19, Projects)
Threejs Jewelry Landing page on Awwwards (0:55, Projects)
Threejs VR Seat Selector - Concert Hall (1:31, Projects)
Threejs Concert Hall (1:17, Projects)
Threejs Reflexive Gallery Environment (0:53, Tutorials)
Jewelry Landing Page (1:12, Projects)
Threejs Jewelry Landing Page (1:57, Components)
Threejs WEBGi landing page with source code available (0:49, Tutorials)
Threejs Canon landing page design process (3:29, Tutorials)
Threejs DSLR Camera Landing Page (0:21, Projects)
Archiviz in Threejs on Awwwards (1:00, Projects)
Threejs Jewelry Live Link (1:11, Tutorials)
Threejs Jewelry Configurator (1:27, Projects)
Threejs Jewelry Configurator (1:36, Projects)
Threejs Jewelry Configurator (1:25, Projects)
Threejs Archviz Live Link (1:30, Projects)
Threejs Archviz (2:01, Projects)
Threejs architectural visualization (1:05, Projects)
THREEJS Particle System (5:16, Tutorials)
Threejs particle system (0:56, Tutorials)
Threejs Graces (1:08, Components)
Threejs + Intersection Observer (1:09, Tutorials)
Threejs Three Graces Design Concept (0:45, Components)
Threejs Cosmetics Time Lapse (7:13, Tutorials)
+ Live link - Three.js Organic architecture (1:40, Projects)
Organic Architecture and Three.js (0:59, Projects)
Threejs Organic Architecture (1:18, Projects)
Finished Cosmetics Demo - Live Link (1:17, Projects)
Threejs Smooth Color Change (1:28, Tutorials)
Threejs Cosmetics Rendering (0:48, Projects)
Threejs rendering cosmetics (0:47, Projects)
How to use my threejs boilerplate (3:27, Tutorials)
Ektogamat Threejs Boilerplate (0:56, Tutorials)
Threejs House Viewer - Dream Houses Live Demo (1:17, Projects)
FGR tripod demo (0:41, Tutorials)
Threejs City Simulator with Post Effects (1:22, Projects)
Game lover meets Threejs (1:30, Tutorials)
Threejs City Simulator 2022 (1:38, Projects)
Blender light setup for baking (2:07, Tutorials)
Threejs Fake God Rays with Meshes (2:48, Tutorials)
Threejs Fake Volumetrics with meshes (0:40, Projects)
Threejs Mesh Reflector (0:12, Projects)
Threejs Gallery Demo Update (1:28, Projects)
Gallery Scene blender + threejs (0:33, Projects)
3D house viewer with threejs (0:22, Projects)
Threejs Fog Color GUI (0:49, Games)
Threejs Border Radius (0:21, Projects)
Threejs smooth camera animation with GSAP (0:23, Tutorials)
Experiment with shadows and Threejs (0:39, Projects)
DNA Chain - Threejs+GSAP experiment (1:27, Projects)
My new theeejs experiment using dna chain and lots of post effects (0:59, Projects)
dna double helix threejs (0:35, Projects)
Threejs product visualization experience (0:18, Projects)
Threejs MeshReflector in Vanilla (1:07, Projects)
Threejs Parallax Corrected Cube Map Environment Mapping (0:40, Projects)
Windland with post-effects on mobile. threejs (1:04, Projects)
threejs project running on galaxy watch 4. live link: https://windland-neotix.vercel.app (0:15, Projects)
Threejs smartwatch demo (1:18, Projects)
Threejs real estate demo (0:55, Projects)
Windland. ThreeJS city project by Neotix (1:49, Games)
Three.js City - by Neotix (1:26, Games)

2021

Teleportation with three.js transition from https://www.youtube.com/watch?v=GeNjyb8UBKM (0:34, Projects)
ModelViewer Tutorial - Threejs (3:28, Tutorials)
Teleportation with three.js transition (1:18:20, Tutorials)
Promo website with Threejs (1:20, Projects)
Threejs 3D Website - Goiânia City Demo (1:16, Talks)