Interactive WebGL Backgrounds: A Quick Guide to Bayer Dithering
In Tutorials, by Seva Dolgopolov
Discover how to create a subtle, interactive WebGL background with Bayer dithering in this quick tutorial.
170 posts tagged with
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).
Three.js Instances: Rendering Multiple Objects Simultaneously
In Tutorials, by Matias Gonzalez Fernandez
Learn how to render thousands of 3D objects efficiently using instancing in React Three Fiber, as demonstrated in the performance-optimized basement.studio site.
How To Create Kinetic Image Animations with React-Three-Fiber
In Tutorials, by Dominik Fojcik
Bring static visuals to life with rotating textures, 3D geometry, and smooth motion powered by React Three Fiber.
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.
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.
