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 Playground, by deadrabbbbit
An exploration of a scanning effect using depth maps, custom shaders, and WebGPU rendering.
In Articles, by Stas Bondar
A look behind stabondar.com — a creative portfolio featuring advanced web animations with GSAP, Three.js, and physics-based effects.
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.
In Articles, by Garden Eight
An exploration of the design and development of photographer Motoyoshi Takamitsu’s portfolio website.
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 Articles, by Thomas Monavon and Grégory Lallé
Discover the creative process of the French duo, Thomas Monavon (Designer) and Grégory Lallé (Creative developer).
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 Articles, by Axel Croizé
An inside look at the creative process, challenges, and tools behind building a 3D game prototype from scratch.
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 Articles, by Dan Greenheck
Discover the algorithms behind EZ-Tree’s use of procedural generation and Three.js to create realistic 3D tree models.
In Articles, by Merouane Bali
Merouane Bali shares the process behind his 3D web design, highlighting WebGL and React integration, along with the challenges and solutions that shaped this immersive portfolio.
In Tutorials, by Eduard Fossas
Develop a dynamic, generative artwork using Three.js and grid systems, inspired by Lygia Clark’s minimalist geometric designs.
