How to Create a PS1-Inspired Jitter Shader with React-Three-Fiber
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.
#react-three-fiber
Origami: 12 Free Animated 3D Objects
In Playground by deadrabbbbit
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
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.
Creating an Animated Displaced Sphere with a Custom Three.js Material
In Tutorials by Pavel Mazhuga
Learn how to create an animated, displaced sphere using custom shaders with Three.js and React Three Fiber.
Case Study: ToyFight — 2024
A snapshot of how the new ToyFight site was designed and developed.
Model Texture Transition and Procedural Radial Noise using WebGL
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.
Creating an Interactive 3D Bulge Text Effect with React Three Fiber
In Tutorials by Roman Jean-Elie
Exploring how to generate an engaging bulge effect on text using React Three Fiber.
On-Scroll Revealing WebGL Images
In Playground by Yuri Artiukh
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
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.
Progressively Enhanced WebGL Lens Refraction
In Tutorials by David Lindkvist
Learn how to create a responsive WebGL layout powered by CSS and React Three Fiber.
Building a WebGL Carousel with React Three Fiber and GSAP
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.
Case Study: Studiogusto
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.
Recreating a Dave Whyte Animation in React-Three-Fiber
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.
Creating Mirrors in React-Three-Fiber and Three.js
In Tutorials by Gianmarco Simone
A brief walk-through of how to create a mirror scene with react-three-fiber.
Scroll, Refraction and Shader Effects in Three.js and React
In Tutorials by Paul Henschel
Discover how to use react-three-fiber and combine some common techniques to create a Three.js powered layout with shader effects.
