Search
Coding a 3D Audio Visualizer with Three.js, GSAP & Web Audio API
18.6.2025
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
9.6.2025
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
5.6.2025
Learn how to combine responsive HTML text with WebGL rendering, enabling scroll-driven animations and custom shader effects
Building a Real-Time Dithering Shader
4.6.2025
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
2.6.2025
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
Behind the Curtain: Building Aurel’s Grand Theater from Design to Code
20.5.2025
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
5.5.2025
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
8.4.2025
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
31.3.2025
An exploration of a scanning effect using depth maps, custom shaders, and WebGPU rendering
Building an Interactive Image Grid with Three.js
18.3.2025
In this tutorial, we'll create an interactive image grid using Three.js, covering setup, animations, and shaders
Playing with Light and Refraction in Three.js: Warping 3D Text Inside a Glass Torus
13.3.2025
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials
Replicating CSS Object-Fit in WebGL: Optimized Techniques for Image Scaling and Positioning
11.3.2025
Explore optimized methods to achieve responsive image scaling and positioning in WebGL, similar to the CSS object-fit: cover behavior
Case Study: Stefan Vitasović Portfolio — 2025
5.3.2025
An article behind the process of Stefan's 2025 creative dev portfolio — a minimalist design, dynamic visuals and shader effects
Creating Stylized Water Effects with React Three Fiber
4.3.2025
Learn how to craft smooth, cartoon-style water effects with dynamic movement, optimized for performance, using React Three Fiber
From Concept to Code: Inside the Creative Process of Thomas Monavon & Grégory Lallé
25.2.2025
Discover the creative process of the French duo, Thomas Monavon (Designer) and Grégory Lallé (Creative developer)
Rendering the Simulation Theory: Exploring Fractals, GLSL, and the Nature of Reality
18.2.2025
An exploration of fractals, GLSL, and simulation theory, revealing their deep connections to art, mathematics, and the nature of reality
Implementing a Dissolve Effect with Shaders and Particles in Three.js
17.2.2025
Learn how to create an emissive dissolve effect, a popular technique in games for smoothly fading or transforming objects
Building Efficient Three.js Scenes: Optimize Performance While Maintaining Quality
11.2.2025
A comprehensive look at how to optimize Three.js scenes using Fiber, Drei, and advanced tools, ensuring smooth performance while retaining high-quality visuals
How to Make The Fluffiest Grass With Three.js
4.2.2025
A breakdown of the best techniques to create realistic grass in Three.js without killing performance
Particles, Progress, and Perseverance: A Journey into WebGPU Fluids
29.1.2025
A reflective journey through years of experimentation and innovation, demonstrating how WebGPU enables the creation of sophisticated, visually striking fluid simulations