WSWhat Scene?

3D Commerce · 2026

RiderProvider

Gear in Motion

Next.js 16React Three FiberThree.js · WebGL2FirebaseTailwind
RiderProvider

Live demo. Explore freely; commerce is intentionally inert, so nothing is ordered.

The work

  • 3D commerce architecture
  • WebGL / Three.js engineering
  • Design system & storefront UX
  • Checkout & account flows

RiderProvider is our star build: a storefront where the product is the experience. Helmets, jackets, gloves and boots each live in one of six themed 3D worlds (APEX, PULSE, VOLT, STORM, TERRA and HERITAGE), rendered in real time on a single persistent WebGL canvas that never reloads as you move through the catalogue.

Under the cinematics sits a real commerce core: collections, product detail, cart, checkout and account, all built on Next.js server rendering with a Firestore-backed catalogue. The 3D layer is fully code-split and mounts on the client only, so the commerce routes stay fast and the heavy WebGL never blocks a page.

This deployment runs as a live, click-through demo: the catalogue is populated with demo gear and checkout is intentionally inert, so you can explore the whole experience end to end without placing an order.

Themed 3D worlds

6

Interactive models

7

Storefront routes

18