# Projects

> 68 projects from 2019 to 2026: games, product configurators, archviz, shaders and open-source components built with Three.js, React Three Fiber and WebGPU.

Canonical page: https://andersonmancini.dev/projects

## 2026

- [Threejs-Punk](https://andersonmancini.dev/projects/threejs-punk.md) — Fully featured Racing Game (Experiments, Games, WebGPU)
- [Lantern Valley](https://andersonmancini.dev/projects/lantern-valley.md) — Cozy adventure game for the browser (Games, WebGPU, Experiments)
- [Graveyard Pinball](https://andersonmancini.dev/projects/graveyard-pinball.md) — Free Halloween game (Games, WebGPU, Experiments)
- [Odd & Out Game](https://andersonmancini.dev/projects/odd-and-out-game.md) — Free co-op alien adventure for the browser (Games, WebGPU, Experiments)
- [WebGPU Decoration](https://andersonmancini.dev/projects/webgpu-decoration.md) — Lumen Decor Studio 2 (WebGPU, Production)
- [WebGPU Archiviz](https://andersonmancini.dev/projects/webgpu-archiviz.md) — 6MB Architecture Visualization (WebGPU, Production)
- [Mana Health](https://andersonmancini.dev/projects/mana-health.md) — React Native 3D App (Production, WebGL)
- [Advanced Glass](https://andersonmancini.dev/projects/advanced-glass.md) — Coming soon for WebGPU (WebGPU, Components, Experiments)
- [Slice Tilt](https://andersonmancini.dev/projects/slice-tilt.md) — Free pinball on a four-slice pizza (Games, WebGPU, Experiments)
- [South Cliff](https://andersonmancini.dev/projects/south-cliff.md) — Immersive Three.js dental brand experience (Production, WebGL)
- [r3f-webgpu-text](https://andersonmancini.dev/projects/r3f-webgpu-text.md) — MSDF WebGPU text for React Three Fiber (Components, WebGPU)
- [r3f-webgpu-perf](https://andersonmancini.dev/projects/r3f-webgpu-perf.md) — Performance monitor for React Three Fiber (Components, WebGPU)
- [Octahedral Impostors](https://andersonmancini.dev/projects/octahedral-impostors.md) — WebGPU direction-atlas impostors for cheap distant meshes (Components, WebGPU, Experiments)

## 2025

- [Forge Awakens](https://andersonmancini.dev/projects/forge-awakens.md) — Mythic forge rhythm mini-game (Experiments, WebGL, Games)
- [Cereal Stays](https://andersonmancini.dev/projects/cereal-stays.md) — 3d location booking (Production, WebGL)
- [Predator Material](https://andersonmancini.dev/projects/predator-material.md) — Free Custom Material for R3F (Components, WebGPU, Experiments)
- [Burnley FC Clubhouse](https://andersonmancini.dev/projects/burnley-fc-clubhouse.md) — Interactive clue hunt for Clarets Academy (Production, WebGL, Games)
- [Lumen Decor Studio 1](https://andersonmancini.dev/projects/lumen-decor-studio-1.md) — SSGI interior visualization with WebGPU (WebGPU, Experiments)
- [Light & Shadow](https://andersonmancini.dev/projects/light-and-shadow.md) — Early WebGPU SSGI lighting experiment (WebGPU, Experiments)
- [Yacht Config](https://andersonmancini.dev/projects/yacht-config.md) — Hyper-realistic yacht configurator (WebGPU, Production)

## 2024

- [Realistic Water](https://andersonmancini.dev/projects/realistic-water.md) — WebGL pool simulation with caustics (Experiments, WebGL)
- [Transition Material](https://andersonmancini.dev/projects/transition-material.md) — Available to buy on Patreon (Components, WebGL)
- [Classics Garage](https://andersonmancini.dev/projects/classics-garage.md) — Classic car configurator with gamification (Production, WebGL, Experiments, Games)
- [Unique Jewelry](https://andersonmancini.dev/projects/unique-jewelry.md) — Ultra-realistic diamond configurator (Production, WebGL)
- [Alien Romulus](https://andersonmancini.dev/projects/alien-romulus.md) — Space scene with MediaPipe facehugger filter (Experiments, WebGL)
- [Planpoint House](https://andersonmancini.dev/projects/planpoint-house.md) — Full house walkthrough with baked KTX2 textures (Production, WebGL)
- [Smart Watch](https://andersonmancini.dev/projects/smart-watch.md) — Interactive watch landing page with live hands (Concept, Production, WebGL)
- [Farm Discovery](https://andersonmancini.dev/projects/farm-discovery.md) — Bilingual 3D sustainability experience for DFC (Production, WebGL)
- [Ultimate Lens Flare](https://andersonmancini.dev/projects/ultimate-lens-flare.md) — Realistic lens flare component for R3F and Threejs (Components, WebGL)
- [Toyota Supra](https://andersonmancini.dev/projects/toyota-supra.md) — Realistic web-based car rendering (Production, WebGL)
- [Confetti component](https://andersonmancini.dev/projects/confetti-component.md) — 3D Confetti component for R3F (Components, WebGL)
- [Blockade Labs page](https://andersonmancini.dev/projects/blockade-labs-page.md) — Interactive branding for Blockade Labs (Production, WebGL)
- [AutoFocus Component](https://andersonmancini.dev/projects/autofocus-component.md) — Free component for R3F (Components, WebGL)
- [Holographic material](https://andersonmancini.dev/projects/holographic-material.md) — An easy-to-use holographic material (Components, WebGL)
- [Mancini Diamond Renderer](https://andersonmancini.dev/projects/mancini-diamond-renderer.md) — Multi-diamond refraction with React Three Fiber (WebGL, Experiments)

## 2023

- [Glide clouds](https://andersonmancini.dev/projects/glide-clouds.md) — Volumetric clouds with cinematic lens flares (Concept, Experiments, WebGL)
- [Phonon Metaverse](https://andersonmancini.dev/projects/phonon-metaverse.md) — A 3d digital city simulator (Production, WebGL)
- [Seashore House](https://andersonmancini.dev/projects/seashore-house.md) — First archviz with real-time dynamic lighting (Concept, WebGL)
- [Biontech Chemicals](https://andersonmancini.dev/projects/biontech-chemicals.md) — Dynamic DNA landing page with post-processing (Production, WebGL)
- [Triumph park](https://andersonmancini.dev/projects/triumph-park.md) — Real estate landing with full building render (Production, WebGL)
- [Dubai dream](https://andersonmancini.dev/projects/dubai-dream.md) — Interactive Dubai Map using MapBox (Experiments, WebGL)
- [Interactive Package](https://andersonmancini.dev/projects/interactive-package.md) — 3D demo for My Muscle Chef (Production, WebGL)
- [Mantis Fusion](https://andersonmancini.dev/projects/mantis-fusion.md) — WebXR learning environment for Mantis (WebGL, Production, Games)
- [Fun Wheel](https://andersonmancini.dev/projects/fun-wheel.md) — Configurable object rendering demo (WebGL, Experiments)
- [Humans Since](https://andersonmancini.dev/projects/humans-since.md) — Kinetic clock house with localized LOD (WebGL, Experiments)
- [Star Wars Darth Vader](https://andersonmancini.dev/projects/star-wars-darth-vader.md) — SSR demo with React Three Fiber & WebGPU (WebGPU, Experiments, Components)
- [3D Lobby](https://andersonmancini.dev/projects/3d-lobby.md) — Mantis XR lobby with spatial audio (WebGL, Production)

## 2022

- [New York City Map](https://andersonmancini.dev/projects/new-york-city-map.md) — Complex interactive city map study (Experiments, WebGL)
- [Canon 5D Mark IV](https://andersonmancini.dev/projects/canon-5d-mark-iv.md) — Concept product landing page (Concept, WebGL)
- [Dream houses](https://andersonmancini.dev/projects/dream-houses.md) — Architecture visualization (Concept, WebGL)
- [Fresh & healthy](https://andersonmancini.dev/projects/fresh-and-healthy.md) — Cosmetics landing page (Concept, WebGL)
- [T-Shirt Configurator (Udemy course)](https://andersonmancini.dev/projects/r3f-tshirt-configurator-course.md) — T-Shirt configurator using R3F (Courses, WebGL)
- [3D Wear studio](https://andersonmancini.dev/projects/3d-wear-studio.md) — Clothing customizer in real time (Experiments, WebGL)
- [Camden Yards](https://andersonmancini.dev/projects/camden-yards.md) — Mantis XR stadium environment (WebGL, Production)

## 2021

- [3D Map Explorer](https://andersonmancini.dev/projects/3d-map-explorer.md) — Awwwards Honorable Mention (Production, WebGL)
- [Three Graces](https://andersonmancini.dev/projects/three-graces.md) — Museum landing page with cursor light (Concept, WebGL)
- [Realtime watch](https://andersonmancini.dev/projects/realtime-watch.md) — Rolex-style launch with SSGI, SSR & live hands (Concept, WebGL, Older projects)
- [Travel Bugs](https://andersonmancini.dev/projects/travel-bugs.md) — Crypto+travel landing page (Concept, WebGL, Older projects)
- [Eyewear Configurator](https://andersonmancini.dev/projects/eyewear-configurator.md) — Custom eyeglasses product configurator (Production, WebGL, Older projects)

## 2020

- [Wheel Customizer](https://andersonmancini.dev/projects/wheel-customizer.md) — Racing steering wheel product configurator (Production, WebGL)
- [EQStudios website](https://andersonmancini.dev/projects/eqstudios-website.md) — Isometric room with real-time rendering (Production, WebGL, Older projects)
- [Ola Research](https://andersonmancini.dev/projects/ola-research.md) — 3D architecture company (Production, WebGL, Older projects)
- [House decoration](https://andersonmancini.dev/projects/house-decoration.md) — House configurator concept (Concept, WebGL, Older projects)
- [Wear History](https://andersonmancini.dev/projects/wear-history.md) — Era Collection landing page (Concept, WebGL, Older projects)

## 2019

- [Seat Selector](https://andersonmancini.dev/projects/seat-selector.md) — 3D venue seat selection with spatial audio (Production, WebGL)
- [Windland Experience](https://andersonmancini.dev/projects/windland-experience.md) — First featured project on the Three.js homepage (Production, Experiments, WebGL)
- [Haunted House](https://andersonmancini.dev/projects/haunted-house.md) — 3D + Webflow with ImmersivStudio (Concept, WebGL, Older projects)
- [Nikon Launch](https://andersonmancini.dev/projects/nikon-launch.md) — Product launch landing page with 3D gallery (Concept, WebGL, Older projects)