A React Three Fiber portfolio built as an infinite 3D timeline, using WebGPU, compute shaders, TSL nodes, GSAP, and AI-driven interactive elements.
Yusef Nsar turns a portfolio into an infinite 3D timeline. The build uses Three.js, React Three Fiber, WebGPU, compute shaders, TSL nodes, GSAP animation, React, and integrated AI interactions.
It is a portfolio in the modern browser sense, where the renderer is not just decoration. That stack could easily become a pile of buzzwords, but the timeline idea gives it a visible structure: work, motion, and identity arranged as something you move through.
Scroll and the work sloshes. Toggle and a carousel snaps into an alphabetized grid, the whole 3D scene graph rearranging while the DOM shadows it underneath. Maxi Ruti built it in React Three Fiber and wired reduced-motion in from the start, so the ambition ships without the spinner.
A hand-drawn character walks a looping path through a paper world that changes with the seasons. Built with Three.js, Blender, and Krita by baking flat Krita illustrations onto 3D geometry so the cardboard reads as cardboard from any angle. Open source, with a full tutorial.
A live digital twin of Belgium's ten busiest train stations, with accurate rail geometry and real-time arrivals rendered in a calm mech-tech style. Built by Guy Van Raemdonck at Studio Haedin.