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 Dominik Fojcik
Bring static visuals to life with rotating textures, 3D geometry, and smooth motion powered by React Three Fiber.
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 Thalles Lopes
Learn how to craft smooth, cartoon-style water effects with dynamic movement, optimized for performance, using React Three Fiber.
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 Colin Demouge
A simple yet cool image reveal effect created with React-Three-Fiber/Drei and animated using Framer Motion.
