← Back to jaysta

Portfolio

This Site

The portfolio you're looking at right now.

  • ( Next.js )
  • ( Three.js )
  • ( React Spring )

Built on a Next.js 16 starter with a real-time Three.js scene at its core: a wall of televisions the pointer can hover, a long scroll-driven flight through fog into a 3D carousel of case studies (the ring you just came from), two full-viewport panels, and a closing shot the scene itself frames — all composited with post-processing (bloom, depth of field, a CRT pass) rather than flat DOM sections stacked on a page.

The animation layer is a custom spring-component system built on `@react-spring/web`, with Lenis driving a single smooth-scroll loop that both the 3D scene and the DOM panels read from — nothing here is a scroll-jacking library bolted onto a normal page.

Notable

  • Server Components by default — the 3D scene is the one client boundary, not the whole page.
  • Every case-study `Explore` link (including this one) goes to a real route, not a placeholder.

Stack

  • Next.js
  • React
  • TypeScript
  • Three.js
  • @react-spring/web
  • Lenis

Want something like this?

Start a Project