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