HIGGS-BOSON: a vertical "particle collider" sandbox where the scrollbar controls depth and time. Descend through experimental sectors that react to scroll velocity with physics-driven animations, 3D artifacts, and isotope grids.
Next.js 16, React 19, GSAP (ScrollTrigger, Flip, CustomEase), Lenis, React Three Fiber, Tailwind CSS
- Scroll-velocity physics engine: a shared context exposes real-time scroll speed, direction, and smoothed velocity to all components via a custom
useScrollVelocity()hook - Sector 0 (Event Horizon): 20 experiment log entries with spaghettification: text skews and stretches in real-time as scroll speed increases, snapping back to clarity on stop
- Sector 1 (Containment Iris): pinned scroll section with an iris breach animation and a spinning R3F 3D artifact at center
- Sector 2 (Lattice): GSAP Flip-powered isotope grid that rearranges on interaction
- Glass containment UI: frosted section wrappers with accent color borders, monospace typography, and clinical lab aesthetic
npm install
npm run dev # http://localhost:3000
npm run build # Production buildPart of the travisBREAKS portfolio.
