All projects

Threshold - Immersive Reality

A limit-setting concept visualized with an interactive 3D scene.

Personal buildVisit live site
Threshold - Immersive Reality
nextthreejstailwindcssframermotion

Problem

Threshold explores "limit setting" as a concept - the point at which something changes, triggers or becomes significant, whether that's a spending limit, a performance ceiling or an alert. The challenge was representing an abstract idea visually rather than with a form or dashboard.

What I built

  • Built an interactive Three.js scene as the centerpiece of the page, with Framer Motion handling the surrounding UI transitions.
  • Used Next.js and Tailwind for the shell so the heavy 3D scene didn't have to carry layout and typography too.

Result

Delivered an interactive 3D concept that gives an abstract idea a tangible visual form, supported by a responsive page and motion-led transitions.