Search
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
Stas Bondar ’25: The Code & Techniques Behind a Next-Level Portfolio
25.3.2025
A look behind stabondar.com — a creative portfolio featuring advanced web animations with GSAP, Three.js, and physics-based effects
Animating Letters with Shaders: Interactive Text Effect with Three.js & GLSL
24.3.2025
A beginner-friendly tutorial that explores how to create a dynamic text displacement effect using Three.js and custom shaders
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
Case Study: Motoyoshi Takamitsu
17.3.2025
An exploration of the design and development of photographer Motoyoshi Takamitsu's portfolio website
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
Rendering a Procedural Vortex Inside a Glass Sphere with Three.js and TSL
10.3.2025
A step-by-step guide to creating a procedural vortex inside a glass sphere using Three.js Shader Language (TSL)
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)
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
Creating My First Game Prototype in a Browser: The Journey So Far
10.2.2025
An inside look at the creative process, challenges, and tools behind building a 3D game prototype from scratch
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
Building an On-Scroll 3D Circle Text Animation with Three.js and Shaders
3.2.2025
Learn how to create a circular text animation in 3D space using Three.js, shaders, and msdf-text-utils
Fractals to Forests – Creating Realistic 3D Trees with Three.js
27.1.2025
Discover the algorithms behind EZ-Tree’s use of procedural generation and Three.js to create realistic 3D tree models
The Journey of Creating a 3D Portfolio
21.1.2025
Merouane Bali shares the process behind his 3D web design, highlighting WebGL and React integration, along with the challenges and solutions that shaped this immersive portfolio
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
Case Study: Dondre Green
7.1.2025
This case study explores how The Blackpepper Studio meticulously designed and developed a digital portfolio that captures the artistic vision of Dondre Green, a New York-based Art Director and Photographer known for his innovative, narrative-driven, and storytelling work
Crafting a Dreamy Particle Effect with Three.js and GPGPU
19.12.2024
Learn how to create an interactive particle effect using Three.js, GPGPU, and shaders