Anderson Mancini

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

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

threejs-graces. 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.

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

threejs-holographic-material. A simple to use holographic material for React Three Fiber

r3f-webgpu-starter. 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.

lensflare-threejs-vanilla. A lens flare effect for Vanilla Threejs

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

webgi-jewelry. Jewelry project using threejs and webgi

fake-glow-material-r3f. A fake glow material for react three fiber.

apple-liquid-glass. JavaScript

AutoFocusDOF. Autofocus DOF component for React Three Fiber

fake-glow-material-threejs. A simple to use fake glow material for vanilla threejs

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

threejs-vanilla-holographic-material. A simple to use holographic material for vanilla threejs

r3f-confetti-component. Easy to use Confetti component for React Three Fiber

r3f-webgpu-perf. 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.

mesh-reflector-setup. Demo Art Gallery Project

r3f-confetti-component-v2. A very performant confetti component for react three fiber using instanced meshes with shadow support

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

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

r3f-webgpu-text. A very simple to use WEBGPU Text rendering in Three.js using Bitmap fonts and MSDF (multi-channel signed distance fields) for react three fiber.

mancini-r3f-starter-vite. JavaScript

react-postprocessing. 📬 postprocessing for react-three-fiber

webgpu-impostors. WebGPU implementation of impostors using threejs in TSL

GridRevealEffects. Some experiments with the new staggering system of Anime.js

subsurfaceScatteringMat. JavaScript

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

threejs-conference. JavaScript