Role: Creative Developer & Technical Director

Stack: React, Three.js (R3F), Framer Motion, GSAP, Tailwind CSS

The goal was to move away from the "static grid" of traditional NFT marketplaces. I wanted to create a digital environment that felt heavy, atmospheric, and physically reactive—drawing heavy inspiration from Christopher Nolan’s Interstellar.

To move this beyond a standard website, I focused on high-fidelity micro-interactions that make the digital space feel "alive":

Holographic 3D Tilt: The NFT cards aren't flat images. They physically tilt on a 3D axis based on your mouse position, creating a realistic sense of depth as if you’re holding a piece of heavy glass.

G-Force Scroll Physics: I tied the scroll velocity to the layout’s physical form. As you scroll faster, the typography and grids physically bend and skew, reacting to the "G-Force" of your movement.

Spatial Audio Physics: Every interaction has a soundscape. The UI emits a low-frequency synthetic hum that shifts in pitch and volume depending on how you tilt the cards or move the magnetic buttons.

Cyberpunk System Scramble: Upon initialization, the text doesn't just fade in—it rapidly "decodes" through binary and alien symbols before locking into place, mimicking a high-end space terminal.

Hidden System Override: A secret keystroke sequence (O-R-B-I-S) triggers a global state change, overriding the entire UI with a red-alert terminal and unique alarm audio.

To maintain a buttery-smooth 60fps while handling complex 3D math and audio processing, I utilized:

R3F Starfield: 8,000 interactive particles rendered via WebGL for infinite background depth.

Lenis Interpolation: Custom smooth-scroll logic to ensure the physics feel weighted and premium.

Magnetic Hitboxes: Advanced spring physics that allow UI elements to physically "latch" onto the user's cursor.

A seamless, immersive journey that bridges the gap between high-end cinema and web performance. The site maintains 60fps while handling complex math, audio processing, and 3D rendering simultaneously.