In Tutorials, by Matias Gonzalez Fernandez
Learn how to render thousands of 3D objects efficiently using instancing in React Three Fiber, as demonstrated in the performance-optimized basement.studio site.
In Tutorials, by Filip Zrnzevic
A music-driven visualizer where a glowing 3D orb pulses and spikes to the beat while GSAP-draggable panels drift around it with smooth, inertia-powered motion.
In Tutorials, by Yuki Kojima
In this tutorial, we’ll walk you through how to create bubble-like spheres using Three.js and GLSL—an effect that responds interactively to your mouse movements.
In Tutorials, by Franco Beltramella
A quick guide to integrating interactive 3D models into your Webflow project using Three.js.
In Tutorials, by Andrew Woan
Go behind the scenes of an immersive 3D museum built with Blender and Three.js, and explore the creative process, technical decisions, and browser-ready workflow that brought it to life.
In Tutorials, by Paola Demichelis
A beginner-friendly tutorial that explores how to create a dynamic text displacement effect using Three.js and custom shaders.
In Tutorials, by Samuel Jarry
In this tutorial, we’ll create an interactive image grid using Three.js, covering setup, animations, and shaders.
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials.
In Tutorials, by MisterPrada
A step-by-step guide to creating a procedural vortex inside a glass sphere using Three.js Shader Language (TSL).
In Tutorials, by Jatin Chopra
Learn how to create an emissive dissolve effect, a popular technique in games for smoothly fading or transforming objects.
In Tutorials, by Niccolò Fanton
A comprehensive look at how to optimize Three.js scenes using Fiber, Drei, and advanced tools, ensuring smooth performance while retaining high-quality visuals.
In Tutorials, by The Ebenezer
A breakdown of the best techniques to create realistic grass in Three.js without killing performance.
In Tutorials, by David Faure
Learn how to create a circular text animation in 3D space using Three.js, shaders, and msdf-text-utils.
In Tutorials, by Eduard Fossas
Develop a dynamic, generative artwork using Three.js and grid systems, inspired by Lygia Clark’s minimalist geometric designs.
In Tutorials, by Dominik Fojcik
Learn how to create an interactive particle effect using Three.js, GPGPU, and shaders.
In Tutorials, by Caio Bassetti
Learn how to create a full 3D hand controller with depth, using @mediapipe/hands and Three.js.
In Tutorials, by Jean Mazouni
Learn how to apply a pixel/grid displacement to a texture in Three.js using shaders and GPGPU with a subtle RGB shift effect on cursor move.
In Tutorials, by Jan Kohlbach
Learn how to create distortion and grain effects on scroll using Three.js shaders, syncing HTML images with WebGL.
