Spec build · placeholder content · real render

Built to survive the worst device on your list.

Real-time reflections where the hardware allows it. Pre-rendered motion where it doesn’t. Identical choreography either way.

three r186WebGPU + WebGL2GSAP 3.15
Scroll

The criterion

Beauty at 60fps is the whole discipline.

A hero that dies on an ageing laptop caps the work in the mid sevens, however it looks on the machine it was built on. Performance is not the final phase of this build. It is the budget everything else spends from.

01Capability

It asks the GPU what you actually have.

Not whether the API exists — whether an adapter answers. On this machine it does, so you get real-time reflections. On a five-year-old laptop it does not, and nobody ever sees a black rectangle.

  • requestAdapter()
  • 1.5s timeout
  • WebGL2 fallback
02Choreography

One timeline. Every device.

The camera move is authored once, then handed to whichever renderer the visitor qualifies for. The choreography is the product. The renderer is an implementation detail.

  • single scroll owner
  • bidirectional
  • reduced-motion path
03Consequence

Fast is the difference between nice and award-winning.

Beauty that drops frames places nowhere. Every effect here is spent from a budget, and the budget is set by the slowest device we care about — not the fastest one we own.

  • 60fps target
  • mid-range mobile
  • no preloaders

~84%

browsers that can run WebGPU

0.004%

page loads that actually do

3

render tiers, one timeline

Tell us what you’re building.

Form wiring lands in Phase 4 — this is a structural placeholder, and nothing is submitted anywhere yet.

Start a project