Anderson Mancini

r3f-webgpu-perf is a lightweight performance monitoring tool for React Three Fiber applications running on WebGPU. It provides real-time insights into frame timing, GPU workload, memory usage, draw calls, geometries, textures, and other rendering metrics through a modern, customizable interface designed for developers and technical artists.

A simple to use holographic material for React Three Fiber

A simple to use holographic material for vanilla threejs

Ultimate Lens Flare Post Processing Effect for @react-post-processing

In this project, I wanted to show that creating a fancy design like this using #threejs is not as difficult as it looks. It has only 240 lines of code. The original design was created by Tom Bogner @dastom on Dribble: https://dribbble.com/shots/6767548-The-Three-Graces-Concept.

Very simple threejs boilerplate in VanillaJS to start your projects. There is only a basic scene, a load model method and a simple webpack.

A template for buildind scrollable landing pages with Gsap, ScrollTrigger and webgi engine in typescript using parcel bundler.

React Three Fiber WebGPU Post Processing by Anderson Mancini. A very simple scene to demonstrate how to integrate Threejs WebGPU with React Three Fiber using Post Processing effects.

A lens flare effect for Vanilla Threejs

A template for buildind scrollable landing pages with Gsap, ScrollTrigger and webgi engine in typescript using parcel bundler.

Jewelry project using threejs and webgi

A fake glow material for react three fiber.

No description.

Autofocus DOF component for React Three Fiber

A simple to use fake glow material for vanilla threejs

Simple threejs boilerplate to transform any loaded model into a particle system by Anderson Mancini.

Easy to use Confetti component for React Three Fiber

Demo Art Gallery Project

A very performant confetti component for react three fiber using instanced meshes with shadow support

A custom threejs material that creates a transition effect on color change

A christmas scene created with three.js, react three fiber, gaussian splatting and blockade labs with lots of shaders.

No description.

WebGPU implementation of impostors using threejs in TSL

📬 postprocessing for react-three-fiber

Some experiments with the new staggering system of Anime.js

No description.

Just a simple project showing how to create models using displacement textures