Skip to content
The Monolith Project
Launch Demo (opens in a new tab)

The Monolith Project

The Monolith Project is a cinematic WebGL journey built with React Three Fiber. It weaves together modular shaders, layered particle systems, and a custom deferred renderer into a scroll-driven story that flows like a film. Every effect is modular. Every transition feels intentional.

Details

Makers
Kehan Fan · ConceptEthan Chiu · Lead Developer ( LinkedIn )Fabian Tjoe-A-On · Technical Direction, Music ( X )Nando Correa · UI Design ( LinkedIn )林遭遇 · 2D IllustratorHenry Yen · 3D Artist ( Instagram )Happy Ship · 3D Artist约翰强尼 · 2D AnimatorDaisy Zhang · Producer ( LinkedIn )
Published

What it is

The Monolith Project is an interactive, scroll-driven digital story that blends hand-drawn illustration, 3D worlds, sound, and cinematic transitions into a seamless, retro-futuristic experience. Inspired by artists like Moebius and films like 2001: A Space Odyssey, it transitions from 2D sketches to fully lit 3D scenes through custom shader-driven effects and perfectly timed motion. Built with Three.js, React Three Fiber, and GSAP, the project feels less like a website and more like a living short film.

Behind the scenes, the experience runs on a suite of modular systems engineered for performance and flexibility: a composable shader framework, a GPU-powered particle engine, custom transition shaders, and a full deferred rendering pipeline. These tools keep the experience smooth at 60fps while allowing each scene to have its own identity and style. It is no surprise that the project has earned recognition from FWA, Awwwards, CSS Design Awards, Web Game Dev and the GSAP Showcase.

How it’s made

Framework & Tool
Three.jsReactReact Three FiberGSAP
Technique
ShadersParticlesCompute ShadersComposable SystemsDeferred RenderingScene Transitions
Domain
Developer Tool
Interaction
Interactive StorytellingScroll Animation
Subject
Retro FuturismSci-Fi & Futurism

Enjoyed it? Pass it on.

Sharing is the simplest way to thank a maker. Your post credits Kehan Fan, Ethan Chiu, Fabian Tjoe-A-On, Nando Correa, 林遭遇, Henry Yen, Happy Ship, 约翰强尼 and Daisy Zhang.

Post it on

Copy post text

If a composer opens empty, copy this text. For long posts, split it across posts and keep every maker’s credit.

More in Deferred Rendering

Browse this tag →

Deferred Rendering in WebGPU: Sponza with 400+ Compute-Driven Point Lights

Georgi Nikolov's WebGPU renderer puts 400+ point lights in the classic Sponza atrium. Deferred shading, cascaded shadows, Hi-Z reflections, TAA. Clean architecture that handles WebGPU's explicit pipelines without drama.

Georgi NikolovWebGPU
All Deferred Rendering work