Go behind the scenes of Cerebrium to explore the design, 3D, and WebGL techniques that turned complex AI infrastructure into an intuitive interactive experience.
#three.js
28 posts
23 Jul
17 Jul
A technical breakdown of the pipeline, rendering techniques, and performance optimizations behind ZERO, an immersive scroll driven WebGL experience built for desktop and mobile.
16 Jul
Before they take the stage, we asked a handful of speakers to share what they're building, exploring, and excited to bring to Paris.
15 Jul
A behind-the-scenes look at how multiple animation, rendering, and interaction layers were unified into one performant web experience.
10 Jul
From swirling transitions and animated fog to mesh outlines and infinite worlds, here's a breakdown of the techniques behind it.
9 Jul
A tutorial on how to create a minimalistic and customizable 3D wave grid background with Three.js.
7 Jul
Build a cinematic, scroll-driven 3D gallery using a camera path authored in Blender, rendered with Three.js, and animated with GSAP.
23 Jun
How we designed and built a portfolio that preserves cinematic storytelling through rhythm, motion, and restraint.
11 Jun
How a complete lack of Blender skills accidentally led to an award-winning 3D universe. Here’s what happens when you ignore the "correct" way to code and build an infinite corridor out of flat geometry.
19 May
80s Business Tech and Seamless Scene Transitions: Inside Shader.se’s Scroll-Driven WebGPU Pipeline
CodropsHow we built the scroll-driven WebGPU pipeline behind Shader.se, from selective scene rendering to seamless scene transitions using React Three Fiber.
13 May
A look at the HTML-in-Canvas proposal, how it works, and what it enables with a few practical demos.
6 May
A look at how my portfolio came together as a technical handshake, with GSAP orchestrating everything from shader uniforms to text reveals.
28 Apr
A scroll-driven 3D world built from scratch with Three.js, GSAP, and WebGL — where every technical decision serves a message worth sharing.
24 Apr
A behind-the-scenes look at blending NPR shading, sound, and interaction to shape a meditative WebGL scene.
23 Apr
A look at designing and building the 4WIDE website, exploring how distortion, blur, and motion were used to create an expressive experience while balancing clarity and performance.
21 Apr
A deep dive into building an infinite procedural landscape using WebGPU and Three.js, where compute shaders and indirect drawing bring millions of interactive grass blades to life.
1 Apr
A step-by-step breakdown of how I built a Three.js visual explainer on dithering by animating 160,000 cubes with custom shaders.
23 Mar
Learn how to use Three.js to blend two scenes with a fluid simulation, creating a smooth, dynamic reveal effect.
18 Mar
Build a single, persistent Three.js scene in Webflow and drive smooth, GSAP-powered page transitions with Barba.js.
9 Mar
A tutorial on building a scroll-driven WebGL gallery in Three.js with depth-layered images, palette-driven backgrounds, and motion that responds to scroll velocity.
5 Mar
Inside Corentin Bernadou’s Portfolio: Swiss-Inspired Layouts, WebGL Geometry, and Thoughtful Motion
CodropsAn overview of how I redesigned my portfolio as a creative playground, blending editorial design, WebGL experiments, and thoughtful motion.
28 Feb
How Makio64 & Hervé Studio designed threejs.paris, the website of the very first Three.js conference, to make every visitor part of the show!
23 Feb
Explore composite rendering in WebGL and how render targets power seamless transitions and advanced scene compositing.
19 Feb
Build a smooth horizontal parallax gallery in DOM/CSS/JS, then upgrade it to GPU-powered WebGL (Three.js) with shaders.
10 Feb
A deep dive into building a GPU-enhanced procedural curve system in Three.js, where organic motion emerges from simple steering rules and endless Bézier paths.
28 Jan
Build a Three.js WebGPU scene where MSDF text dissolves with a noise-driven TSL shader while synchronized dust and spinning petal particles burst out, finished with selective bloom using MRT.
5 Jan
A tutorial showing how video pixels are voxelized in 3D and dropped into a physics-driven world using Three.js, shaders, and Rapier.
10 Dec 2025
Learn how a real photograph was transformed into a living, physics-driven particle system using WebGL, shaders, and data-driven motion for the UntilLabs homepage.