A scroll-driven 3D portfolio environment built with Three.js and GSAP, featuring spatial typography, cinematic camera transitions, and hand-composed scenes that unfold as the user scrolls.
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.
- Live Demo: https://joseph-san.com
- Source Code: https://github.com/JosephASG/JosephASG
- Author: Joseph Santamaria (X, LinkedIn, Instagram, GitHub)