In Tutorials ,
Jun 18, 2025
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 ,
Jun 9, 2025
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 ,
May 31, 2025
by Franco Beltramella
A quick guide to integrating interactive 3D models into your Webflow project using Three.js.
In Tutorials ,
Apr 8, 2025
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 ,
Mar 24, 2025
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 ,
Mar 18, 2025
by Samuel Jarry
In this tutorial, we’ll create an interactive image grid using Three.js, covering setup, animations, and shaders.
In Tutorials ,
Mar 13, 2025
by Matt Park
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials.
In Tutorials ,
Mar 10, 2025
by MisterPrada
A step-by-step guide to creating a procedural vortex inside a glass sphere using Three.js Shader Language (TSL).
In Tutorials ,
Mar 4, 2025
by Thalles Lopes
Learn how to craft smooth, cartoon-style water effects with dynamic movement, optimized for performance, using React Three Fiber.
In Tutorials ,
Feb 17, 2025
by Jatin Chopra
Learn how to create an emissive dissolve effect, a popular technique in games for smoothly fading or transforming objects.
In Tutorials ,
Feb 11, 2025
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 ,
Feb 4, 2025
by The Ebenezer
A breakdown of the best techniques to create realistic grass in Three.js without killing performance.
In Tutorials ,
Feb 3, 2025
by David Faure
Learn how to create a circular text animation in 3D space using Three.js, shaders, and msdf-text-utils.
In Tutorials ,
Jan 15, 2025
by Eduard Fossas
Develop a dynamic, generative artwork using Three.js and grid systems, inspired by Lygia Clark’s minimalist geometric designs.
In Tutorials ,
Dec 19, 2024
by Dominik Fojcik
Learn how to create an interactive particle effect using Three.js, GPGPU, and shaders.
In Tutorials ,
Dec 2, 2024
by Colin Demouge
A simple yet cool image reveal effect created with React-Three-Fiber/Drei and animated using Framer Motion.
In Tutorials ,
Nov 27, 2024
by Oguzhan Tufenk
An exploration of real-time terrain reshaping through user interactions, using React Three Fiber.
In Tutorials ,
Oct 31, 2024
by Matias Perez
Learn how to create an interactive shader background effect using React Three Fiber and Drei in four simple steps.