Interactive Text Destruction with Three.js, WebGPU, and TSL
In Tutorials, by Lolo Armdz
Learn how to create an interactive 3D text effect where letters explode into dynamic shapes using Three.js, WebGPU, and Three Shader Language (TSL).
In Tutorials, by Lolo Armdz
Learn how to create an interactive 3D text effect where letters explode into dynamic shapes using Three.js, WebGPU, and Three Shader Language (TSL).
In Tutorials, by Dominik Fojcik
Bring static visuals to life with rotating textures, 3D geometry, and smooth motion powered by React Three Fiber.
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.