Invisible Forces: The Making of Phantom.land’s Interactive Grid and 3D Face Particle System
In Articles, by Phantom Studios
Inside Phantom.land’s dynamic grid and volumetric face scans, crafted with React Three Fiber, GLSL shaders, and GSAP.
In Articles, by Phantom Studios
Inside Phantom.land’s dynamic grid and volumetric face scans, crafted with React Three Fiber, GLSL shaders, and GSAP.
An exploration of the mindset, methods, and motivations behind crafting tiny, expressive shaders that combine code, art, and constraint.
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 Eemeli Haakana
Learn how to combine responsive HTML text with WebGL rendering, enabling scroll-driven animations and custom shader effects.
In Articles, by Niccolò Fanton
A minimal, real-time WebGL shader that applies ordered dithering and optional pixelation as a composable postprocessing effect.
In Articles, by Serhii Polyvanyi
How a creative course challenge became a full digital fashion experience, built with Webflow, GSAP, Spline, and a focus on motion and detail. DICH™ is our visual manifesto in code.
In Articles, by Aurelien Vigne
Step inside Aurel’s Grand Theater, an unconventional creative portfolio crafted with Three.js, Vue.js, GSAP, and Blender, bursting with animations and thoughtful details.
In Tutorials, by MisterPrada
A step-by-step guide to creating particle trails with TSL (Three.js Shader Language), simulating dynamic movement in 3D space.
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.