Threshold - Immersive Reality
A limit-setting concept visualized with an interactive 3D scene.
Personal buildVisit live site

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.