Search
Infinite Canvas: Building a Seamless, Pan-Anywhere Image Space
7.1.2026
Learn how to build an infinite, pannable image canvas with React Three Fiber. We’ll use chunk-based rendering and performance-first techniques to create a smooth, endlessly explorable image space
Building The Monolith: Composable Rendering Systems for a 13-Scene WebGL Epic
29.11.2025
An exploration of how composable materials, particles, and transitions were engineered to bring The Monolith Project’s stylized universe to life
Letting the Creative Process Shape a WebGL Portfolio
27.11.2025
Exploring how experimenting with Three.js, React Three Fiber, and GSAP shaped the final experience
Creating Wavy Infinite Carousels in React Three Fiber with GLSL Shaders
26.11.2025
Experimenting with infinitely scrolling, wavy 3D carousels in React Three Fiber with smooth scroll-driven distortion effects
One Canvas to Rule Them All: How INK Games’ New Site Handles Complex 3D
21.11.2025
A look at how ToyFight® crafted a bold new site for INK Games, a global leader in mobile gaming, through layered 3D, scroll-driven animation, and a single shared WebGL canvas
How to Build Cinematic 3D Scroll Experiences with GSAP
19.11.2025
Learn how to build smooth, immersive 3D scroll experiences using GSAP, WebGL, and Three.js, turning simple scrolling into responsive visual motion
Creating an Immersive 3D Weather Visualization with React Three Fiber
18.9.2025
A step-by-step guide to simulating sun, rain, snow, and storms in an interactive 3D weather app
Exporting a Cloth Simulation from Blender to an Interactive Three.js Scene
20.8.2025
Learn how to bake a cloth simulation in Blender, export it, and bring it into Three.js as an interactive, replayable animation
Three.js Instances: Rendering Multiple Objects Simultaneously
10.7.2025
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
9.7.2025
Bring static visuals to life with rotating textures, 3D geometry, and smooth motion powered by React Three Fiber
WebGPU Scanning Effect with Depth Maps
31.3.2025
An exploration of a scanning effect using depth maps, custom shaders, and WebGPU rendering
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
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
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
Creating Generative Artwork with Three.js
15.1.2025
Develop a dynamic, generative artwork using Three.js and grid systems, inspired by Lygia Clark's minimalist geometric designs
How to Code a Shader Based Reveal Effect with React Three Fiber & GLSL
2.12.2024
A simple yet cool image reveal effect created with React-Three-Fiber/Drei and animated using Framer Motion
Creating Dynamic Terrain Deformation with React Three Fiber
27.11.2024
An exploration of real-time terrain reshaping through user interactions, using React Three Fiber
How to Code a Subtle Shader Background Effect with React Three Fiber
31.10.2024
Learn how to create an interactive shader background effect using React Three Fiber and Drei in four simple steps
How to Create a PS1-Inspired Jitter Shader with React-Three-Fiber
3.9.2024
Learn how to create a custom jitter shader in React-Three-Fiber, inspired by the visual style of PS1-era games, to add a retro aesthetic to 3D models
Origami: 12 Free Animated 3D Objects
30.7.2024
A set of twelve free 3D animations created with React Three Fiber and GSAP