Search
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
How to Create a Liquid Raymarching Scene Using Three.js Shading Language
15.7.2024
An introduction to Raymarching using the power of Signed Distance Fields (SDFs) and simple lighting to create a liquid shape effect
Creating an Animated Displaced Sphere with a Custom Three.js Material
9.7.2024
Learn how to create an animated, displaced sphere using custom shaders with Three.js and React Three Fiber
Case Study: ToyFight — 2024
11.6.2024
A snapshot of how the new ToyFight site was designed and developed
Exploring a 3D Text Distortion Effect With React Three Fiber
8.5.2024
A quick tutorial on how to create a beautiful distorted text ring effect in React Three Fiber
Model Texture Transition and Procedural Radial Noise using WebGL
2.5.2024
A WebGL experiment that explores two visual effects: a texture transition on a 3D can model and a procedural radial noise field
Creating an Interactive 3D Bulge Text Effect with React Three Fiber
20.3.2024
Exploring how to generate an engaging bulge effect on text using React Three Fiber
On-Scroll Revealing WebGL Images
7.2.2024
An exploration of on-scroll reveal effects for images in WebGL, using React Three Fiber
3D Glass Portal Card Effect with React Three Fiber and Gaussian Splatting
29.11.2023
Explore the creation of a 3D glass portal with React Three Fiber, with optimized rendering using Gaussian Splatting and integrating real-world objects
Collective #794
28.11.2023
Makereal tldraw * How to scale a large codebase * three-hex-tiling
Progressively Enhanced WebGL Lens Refraction
10.10.2023
Learn how to create a responsive WebGL layout powered by CSS and React Three Fiber