Exploring the techniques behind an audio-reactive 3D scene, from custom geometry deformation and music analysis to scroll-driven morphing, damping, and performance optimization.
Relighting Images with Depth Maps and Three.js
Explore how depth maps, TSL, and WebGPU can be combined to turn flat 2D images into dynamic surfaces with realistic lighting, surface detail, and self-shadowing.
Building an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS Data
Learn how to build a dynamic testimonial hero in Webflow using CMS data, a custom JavaScript counter, and GSAP’s visual timeline.
Creativity at Enterprise-Scale, Without Compromise: The OFF+BRAND. Story
Telling stories on some of the biggest canvases on the web, from Awwwards Site of the Year to the front door of Microsoft.
Inside HAOQI.DESIGN: Letting DOM and WebGL Share a Retro-Futurist Stage
A technical look at the making of HAOQI.DESIGN, exploring scroll sync, glass shaders, and the interplay of DOM, CSS, and WebGL in a retro-futurist portfolio.
From Motion to Meaning: Denis Avramenko’s Approach to Interactive Design
A behind-the-scenes look at Denis Avramenko’s creative process, exploring his approach to motion, typography, interaction, and technology through a selection of digital projects.
Creating an Interactive 3D Cluster with Three.js, TSL and Three Start
A step-by-step tutorial on turning a simple icosahedron into a dynamic, interactive 3D cluster using Three.js, TSL, WebGPU, noise, interaction, and post-processing.
Exploring Procedural Geometry with Three.js and WebGPU
A deep dive into building a flexible Three.js Geometry Painter with WebGPU and TSL, from surface picking and procedural geometry to live controls, custom shaders, lighting, and post-processing.
From Brand Systems to Cultural Worlds: Inside Antinomy and 27b
A look inside two connected studios building brands across strategy, design, and experience, with the same instinct for clarity, culture, and edge.
Designing a Flexible Digital Archive for Chems.Studio’s Creative Practice
A film-led website for Chems Studio, bringing years of creative direction and moving image together through a quiet, flexible digital framework.