Yusef Nsar Turns a Portfolio Into a 3D AI Timeline

A React Three Fiber portfolio built as an infinite 3D timeline, using WebGPU, compute shaders, TSL nodes, GSAP, and AI-driven interactive elements.

0:00
/0:46

A 3D portfolio structured as an infinite timeline with WebGPU, TSL nodes, GSAP motion, and AI-themed interactions.

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.

Launch Demo
ShowcaseWebGPUThree.jsReact Three FiberTSL (Three Shading Language)GSAPPortfolioAI/ML