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 Tutorials, by Franco Beltramella
A quick guide to integrating interactive 3D models into your Webflow project using Three.js.
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.
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.
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 Articles, by Stas Bondar
A look behind stabondar.com — a creative portfolio featuring advanced web animations with GSAP, Three.js, and physics-based effects.
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.
In Tutorials, by Samuel Jarry
In this tutorial, we’ll create an interactive image grid using Three.js, covering setup, animations, and shaders.
In Articles, by Garden Eight
An exploration of the design and development of photographer Motoyoshi Takamitsu’s portfolio website.
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials.
In Tutorials, by MisterPrada
A step-by-step guide to creating a procedural vortex inside a glass sphere using Three.js Shader Language (TSL).
In Tutorials, by Thalles Lopes
Learn how to craft smooth, cartoon-style water effects with dynamic movement, optimized for performance, using React Three Fiber.
