Skip to content
Joseph Santamaria's 3D Portfolio: A Scroll-Driven WebGL Environment

Joseph Santamaria's 3D Portfolio: A Scroll-Driven WebGL Environment

Joseph Santamaria turned his portfolio into a full 3D environment you scroll through like a short film. Three.js, GSAP, hand-built scenes, and camera choreography that treats web performance as a design constraint. Built from Ecuador, no shortcuts.

Details

Published

What it is

Most developer portfolios are a list of links and a headshot. Joseph Santamaria's is a place you walk through. His site, joseph-san.com, drops you into a fully realized 3D environment built with Three.js, GSAP, and a scroll mechanic that feels less like navigating a webpage and more like pulling focus through a short film. Sections unfold as you descend, each transition choreographed with the kind of timing you'd expect from someone who thinks about easing curves the way other people think about font pairings.

What makes this technically worth your attention is the scroll-driven camera orchestration. Joseph published a Codrops tutorial on building cinematic 3D scroll experiences with GSAP and React Three Fiber, and this portfolio is the thesis statement for that work. The 3D compositions are built from scratch, not dropped in from a marketplace. Every scene transition, every camera path, every piece of spatial typography is hand-placed. For a site running this much WebGL, the performance discipline is notable. Built from Ecuador, shipped worldwide, zero apologies.

Joseph Santamaria is a creative software engineer and UI/UX designer working under the name Sacred Labs. Poke around his GitHub (34 repos, including the Codrops scroll animation source), check his published work on Codrops, or just view-source the portfolio itself and see how the pieces fit. If you want to see what a Three.js portfolio looks like when someone treats it as a design problem and not just an engineering flex, this is the one.

How it’s made

Technology
WebGL
Interaction
Scroll Animation
Subject
Typography