In Tutorials, by Matias Gonzalez Fernandez
Learn how to render thousands of 3D objects efficiently using instancing in React Three Fiber, as demonstrated in the performance-optimized basement.studio site.
In Tutorials, by Dominik Fojcik
Bring static visuals to life with rotating textures, 3D geometry, and smooth motion powered by React Three Fiber.
In Tutorials, by Ian Curtis
A behind-the-scenes look at building a physics-based character controller using AI, React Three Fiber, Three.js, and Rapier.
In Playground, by deadrabbbbit
An exploration of a scanning effect using depth maps, custom shaders, and WebGPU rendering.
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials.
In Tutorials, by Thalles Lopes
Learn how to craft smooth, cartoon-style water effects with dynamic movement, optimized for performance, using React Three Fiber.
In Tutorials, by Niccolò Fanton
A comprehensive look at how to optimize Three.js scenes using Fiber, Drei, and advanced tools, ensuring smooth performance while retaining high-quality visuals.
In Tutorials, by Eduard Fossas
Develop a dynamic, generative artwork using Three.js and grid systems, inspired by Lygia Clark’s minimalist geometric designs.
In Tutorials, by Colin Demouge
A simple yet cool image reveal effect created with React-Three-Fiber/Drei and animated using Framer Motion.
In Tutorials, by Oguzhan Tufenk
An exploration of real-time terrain reshaping through user interactions, using React Three Fiber.
In Tutorials, by Matias Perez
Learn how to create an interactive shader background effect using React Three Fiber and Drei in four simple steps.
In Tutorials, by Oguzhan Tufenk
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.
In Playground, by deadrabbbbit
A set of twelve free 3D animations created with React Three Fiber and GSAP.
In Tutorials, by Ben McCormick
An introduction to Raymarching using the power of Signed Distance Fields (SDFs) and simple lighting to create a liquid shape effect.
In Tutorials, by Pavel Mazhuga
Learn how to create an animated, displaced sphere using custom shaders with Three.js and React Three Fiber.
A snapshot of how the new ToyFight site was designed and developed.
A quick tutorial on how to create a beautiful distorted text ring effect in React Three Fiber.
In Playground, by Mohammed Amine Bourouis
A WebGL experiment that explores two visual effects: a texture transition on a 3D can model and a procedural radial noise field.
