Building an Interactive Image Grid with Three.js Post date March 18, 2025 Post author By Samuel Jarry Post categories In grid, three.js, Tutorials, webgl
Playing with Light and Refraction in Three.js: Warping 3D Text Inside a Glass Torus Post date March 13, 2025 Post author By Matt Park Post categories In 3d, glass, react-three-fiber, refraction, three.js, Tutorials, webgl
Replicating CSS Object-Fit in WebGL: Optimized Techniques for Image Scaling and Positioning Post date March 11, 2025 Post author By Nicolas Giannantonio Post categories In Tutorials, webgl
Building 3D Virtual Try-On with WebGL: Implementation Guide Post date March 10, 2025 Post author By venzil Post categories In arvr, body-model-tracking, physics-simulation, three.js, virtual-reality, virtual-try-on-rendering, virtual-try-on-technology, webgl
Case Study: Stefan Vitasović Portfolio — 2025 Post date March 5, 2025 Post author By Stefan Vitasović Post categories In Articles, case studies, typography, webgl
Creating Stylized Water Effects with React Three Fiber Post date March 4, 2025 Post author By Thalles Lopes Post categories In 3d, react-three-fiber, three.js, Tutorials, webgl
From Concept to Code: Inside the Creative Process of Thomas Monavon & Grégory Lallé Post date February 25, 2025 Post author By Thomas Monavon Post categories In Articles, porfolio, three.js, webgl
Rendering the Simulation Theory: Exploring Fractals, GLSL, and the Nature of Reality Post date February 18, 2025 Post author By Yohei Nishitsuji Post categories In Articles, generative-art, glsl, webgl
Implementing a Dissolve Effect with Shaders and Particles in Three.js Post date February 17, 2025 Post author By Jatin Chopra Post categories In 3d, glsl, three.js, Tutorials, webgl
Building Efficient Three.js Scenes: Optimize Performance While Maintaining Quality Post date February 11, 2025 Post author By Niccolò Fanton Post categories In react-three-fiber, three.js, Tutorials, webgl
How to Make The Fluffiest Grass With Three.js Post date February 4, 2025 Post author By The Ebenezer Post categories In 3d, three.js, Tutorials, webgl
Particles, Progress, and Perseverance: A Journey into WebGPU Fluids Post date January 29, 2025 Post author By Hector Arellano Post categories In Articles, webgl, webgpu
WebGL Shader Techniques for Dynamic Image Transitions Post date January 22, 2025 Post author By Arlind Aliu Post categories In Tutorials, webgl
The Journey of Creating a 3D Portfolio Post date January 21, 2025 Post author By Merouane Bali Post categories In 3d, Articles, inspiration, three.js, webgl
VFX-JS: WebGL Effects Made Easy Post date January 20, 2025 Post author By Amagi Post categories In Articles, webgl
Developer Spotlight: Francesco Michelini Post date January 17, 2025 Post author By Francesco Michelini Post categories In 3d, Articles, Developer Spotlight, webgl
Case Study: Gentle Rain Post date January 16, 2025 Post author By Zajno Post categories In Articles, case studies, webgl
Creating Generative Artwork with Three.js Post date January 15, 2025 Post author By Eduard Fossas Post categories In react-three-fiber, three.js, Tutorials, webgl
Crafting a Dreamy Particle Effect with Three.js and GPGPU Post date December 19, 2024 Post author By Dominik Fojcik Post categories In 3d, gpgpu, postprocessing, three.js, Tutorials, webgl
Case Study: Isabel Moranta Portfolio — 2024 Post date December 5, 2024 Post author By Yannis Yannakopoulos Post categories In Articles, case studies, webgl
Case Study: Anderson Moss ®️ Post date November 11, 2024 Post author By Chris Carruthers Post categories In Articles, blender, inspiration, three.js, webgl
How to Code a Subtle Shader Background Effect with React Three Fiber Post date October 31, 2024 Post author By Matias Perez Post categories In react-three-fiber, shader, three.js, Tutorials, webgl
Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js Post date October 24, 2024 Post author By Caio Bassetti Post categories In 3d, hand tracking, three.js, Tutorials, webcam, webgl
A Visual Deconstruction of the Paffi Totem Slider Post date October 15, 2024 Post author By Luca Franceschetti Post categories In Articles, inspiration, slideshow, webgl
Some Recent Creative & Fun Coding Experiments Post date October 4, 2024 Post author By Manoela Ilic Post categories In Articles, demo, inspiration, roundup, webgl
Case Study: Federico Pian Portfolio — 2024 Post date October 2, 2024 Post author By Federico Pian Post categories In Articles, case-study, webgl
Magic Three Project Post date September 13, 2024 Post author By Nikola Post categories In ammojs, threejs, webgl, webrtc
How to Create a PS1-Inspired Jitter Shader with React-Three-Fiber Post date September 3, 2024 Post author By Oguzhan Tufenk Post categories In react-three-fiber, shader, three.js, Tutorials, webgl
‹› Writing a plugin for upscaling rendering under ThreeJS Post date September 1, 2024 Post author By Devs Daddy Post categories In JavaScript, opensource, tutorial, webgl
Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders Post date August 27, 2024 Post author By Jean Mazouni Post categories In distortion, hover, three.js, Tutorials, webgl
Interactive 3D Device Showcase with Threepipe Post date August 7, 2024 Post author By Palash Bansal Post categories In 3d, three.js, Tutorials, webgl
Origami: 12 Free Animated 3D Objects Post date July 30, 2024 Post author By deadrabbbbit Post categories In 3d, playground, react-three-fiber, three.js, webgl
Case Study: Rogier de Boevé Portfolio — 2024 Post date July 26, 2024 Post author By Rogier de Boevé Post categories In Articles, case-study, three.js, webgl
How to Create Distortion and Grain Effects on Scroll with Shaders in Three.js Post date July 18, 2024 Post author By Jan Kohlbach Post categories In scroll, three.js, Tutorials, webgl
How to Create a Liquid Raymarching Scene Using Three.js Shading Language Post date July 15, 2024 Post author By Ben McCormick Post categories In react-three-fiber, three.js, Tutorials, webgl
Creating an Animated Displaced Sphere with a Custom Three.js Material Post date July 9, 2024 Post author By Pavel Mazhuga Post categories In react-three-fiber, three.js, Tutorials, webgl
Progressive Blur Effect using WebGL with OGL and GLSL Shaders Post date July 2, 2024 Post author By Jorge Toloza Post categories In blur, glsl, ogl, scroll, Tutorials, webgl
Digital meets Physical: Risograph Printing with WebGL Post date June 27, 2024 Post author By Maximilian Berndt Post categories In three.js, Tutorials, webgl
Shape Lens Blur Effect with SDFs and WebGL Post date June 12, 2024 Post author By Guillaume Lanier Post categories In shaders, three.js, Tutorials, webgl
Case Study: ToyFight — 2024 Post date June 11, 2024 Post author By ToyFight® Post categories In Articles, case-study, react-three-fiber, webgl
Case Study: Studiogusto Post date April 25, 2023 Post author By studiogusto Post categories In Articles, case-study, react-three-fiber, webgl
Case Study: Crosswire Post date April 4, 2023 Post author By Unseen Studio® Post categories In Articles, case-study, inspiration, three.js, webgl
Mastering Theatre.js Animations: Learn to Create Dynamic Visuals Post date March 30, 2023 Post author By Ebe Post categories In animation, theatre.js, three.js, Tutorials, webgl
Turning 3D Models to Voxel Art with Three.js Post date March 28, 2023 Post author By Ksenia Kondrashova Post categories In three.js, Tutorials, webgl
Cyberpunk inspired Three.js Scene with JavaScript and Blender Post date March 22, 2023 Post author By Anderson Mancini Post categories In postprocessing, three.js, Tutorials, webgl
Coding Kenta Toshikura’s Glass Effect with Three.js Post date March 6, 2023 Post author By Yuri Artiukh Post categories In postprocessing, three.js, Videos, webgl
Animate a Camera Fly-through on Scroll Using Theatre.js and React Three Fiber Post date February 14, 2023 Post author By Andrew Prifer Post categories In r3f, scroll, theatre.js, Tutorials, webgl
Recreating Crosswire’s Reflective Grid with Three.js Post date February 13, 2023 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
Audio Reactive Shaders with Three.js and Shader Park Post date February 7, 2023 Post author By Torin Blankensmith Post categories In three.js, Tutorials, webgl
Crafting a Dice Roller with Three.js and Cannon-es Post date January 25, 2023 Post author By Ksenia Kondrashova Post categories In 3d, cannon-es, three.js, Tutorials, webgl
Replicating the Light Effect from MIDWAM with Three.js and Postprocessing Post date January 9, 2023 Post author By Yuriy Artyukh Post categories In Articles, postprocessing, three.js, webgl
‹› How to Code an On-Scroll Folding 3D Cardboard Box Animation with Three.js and GSAP Post date December 13, 2022 Post author By Ksenia Kondrashova Post categories In scroll, three.js, Tutorials, webgl
‹› Sketchy Pencil Effect with Three.js Post-Processing Post date November 29, 2022 Post author By Maya Nedeljković Batić Post categories In postprocessing, three.js, Tutorials, webgl
‹› Conway’s Game Of Life – Cellular Automata and Renderbuffers in Three.js Post date November 25, 2022 Post author By Jason Andrew Post categories In three.js, Tutorials, webgl
3D Typing Effects with Three.js Post date November 8, 2022 Post author By Ksenia Kondrashova Post categories In three.js, Tutorials, typography, webgl
How to Code a Three.js Postprocessing Transition Post date October 10, 2022 Post author By Yuriy Artyukh Post categories In postprocessing, three.js, Videos, webgl
Animating Tiny Triangles with Three.js Post date October 5, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
How to Recreate Stripe’s Lava Lamp Gradient with Three.js Post date September 26, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
How to Code a Scrollable Text Gallery in Three.js Post date September 19, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
Checkerboard Transition for Text in Three.js Post date August 15, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl