Nike On Air Three Js Demo •
nike
nike1
nike3
nike2

Details

Inspired by Nike On Air Paris, this project reimagines the Nike iD configurator as an interactive 3D experience, blending storytelling, customization, and real-time rendering.

Tech

React Three Fiber

Blender

React

Figma

Vite

GLSL

Users can explore and modify the shoe in real time, with changes to color, material, and components updating instantly through shader-driven interactions.

The experience emphasizes immersion, using camera movement, transitions, and lighting to guide attention and create a sense of depth beyond a traditional product configurator.

Built with React Three Fiber and GLSL, the system focuses on performance and responsiveness, ensuring smooth interaction while maintaining visual fidelity across devices.

Zippo Three Js Demo