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 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 Nicolas Giannantonio
Explore optimized methods to achieve responsive image scaling and positioning in WebGL, similar to the CSS object-fit: cover behavior.
In Articles, by Stefan Vitasović
An article behind the process of Stefan’s 2025 creative dev portfolio — a minimalist design, dynamic visuals and shader effects.
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 Articles, by Yohei Nishitsuji
An exploration of fractals, GLSL, and simulation theory, revealing their deep connections to art, mathematics, and the nature of reality.
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 Articles, by Hector Arellano
A reflective journey through years of experimentation and innovation, demonstrating how WebGPU enables the creation of sophisticated, visually striking fluid simulations.
In Tutorials, by Arlind Aliu
Learn how to create dynamic image transitions with WebGL shaders, exploring techniques like circle SDFs, noise patterns, smooth merging, and texture integration.
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.
This article introduces VFX-JS, a JavaScript library designed to make creating WebGL-powered visual effects easy and accessible.
In Articles, by Francesco Michelini
In this Developer Spotlight, Francesco Michelini shares the journey behind his standout projects, his favorite tools, and how game development inspired his passion for creative coding.
This case study explores how retro aesthetics and modern innovation came together to create a unique and inspiring learning experience.
