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.
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.
In Tutorials, by Roman Jean-Elie
Exploring how to generate an engaging bulge effect on text using React Three Fiber.
In Playground, by Yuri Artiukh
An exploration of on-scroll reveal effects for images in WebGL, using React Three Fiber.
In Playground, by Yuri Artiukh
Explore the creation of a 3D glass portal with React Three Fiber, with optimized rendering using Gaussian Splatting and integrating real-world objects.
In Tutorials, by David Lindkvist
Learn how to create a responsive WebGL layout powered by CSS and React Three Fiber.
In Tutorials, by Fabio Ottaviani
Learn how to create an interactive 3D carousel using WebGL, React Three Fiber, and GSAP with this step-by-step tutorial.
In Articles, by studiogusto
Get a glimpse of the creative and innovative techniques used by Studiogusto, a dynamic agency, in designing their new website to better reflect their values and showcase their expertise.
In Tutorials, by Matt Rossman
Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.
