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.
314 posts tagged with
Coding a 3D Audio Visualizer with Three.js, GSAP & Web Audio API
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.
How to Create Interactive, Droplet-like Metaballs with Three.js and GLSL
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.
How to Create Responsive and SEO-friendly WebGL Text
In Tutorials, by Eemeli Haakana
Learn how to combine responsive HTML text with WebGL rendering, enabling scroll-driven animations and custom shader effects.
Building a Real-Time Dithering Shader
In Articles, by Niccolò Fanton
A minimal, real-time WebGL shader that applies ordered dithering and optional pixelation as a composable postprocessing effect.
DICH™ Fashion: A New Era of Futuristic Fashion
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.
Building Interactive 3D Cards in Webflow with Three.js
In Tutorials, by Franco Beltramella
A quick guide to integrating interactive 3D models into your Webflow project using Three.js.
Deconstructing the 35mm Website: A Look at the Process and Technical Details
In Articles, by Jean Mazouni
A closer look at the main components of the 35mm site and the core concepts and techniques behind how it was built.
Building a Physics-Based Character Controller with the Help of AI
In Tutorials, by Ian Curtis
A behind-the-scenes look at building a physics-based character controller using AI, React Three Fiber, Three.js, and Rapier.
Behind the Curtain: Building Aurel’s Grand Theater from Design to 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.
Matrix Sentinels: Building Dynamic Particle Trails with TSL
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.
Building a Fully-Featured 3D World in the Browser with Blender and Three.js
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.
WebGPU Scanning Effect with Depth Maps
In Playground, by deadrabbbbit
An exploration of a scanning effect using depth maps, custom shaders, and WebGPU rendering.
Stas Bondar ’25: The Code & Techniques Behind a Next-Level Portfolio
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.
Animating Letters with Shaders: Interactive Text Effect with Three.js & GLSL
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.
Building an Interactive Image Grid with Three.js
In Tutorials, by Samuel Jarry
In this tutorial, we’ll create an interactive image grid using Three.js, covering setup, animations, and shaders.
Case Study: Motoyoshi Takamitsu
In Articles, by Garden Eight
An exploration of the design and development of photographer Motoyoshi Takamitsu’s portfolio website.
Playing with Light and Refraction in Three.js: Warping 3D Text Inside a Glass Torus
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials.
