Monzo · 03
Card ring, WebGL
The same ring, with a real 3D card.
Less admin. More life.
Keep on top of your money, then get back to the good stuff.
Visit Monzo (opens in a new tab)Not client work. Made from Monzo's card artwork, site photos and colours, found online. Official assets from Monzo would make it more polished.
- How
- three.js: a 3D card with real thickness, lit by a studio, inside a tube of photos. Scroll sets the rise and the turn.
- Finish
- Perks and Max are glossy: a clearcoat that glints as they turn. Coral is matte.
- Versus
- The CSS card ring fakes the light with gradients. Here it’s real, at the cost of loading three.js.