@pushmatrix

Distinguished Engineer @ Shopify. Building random experiments in my spare time.

Ottawa, Ontario
Joined November 2009
This is three.js running on the Exosphere. 🤯 Rendering in realtime from a browser at 8K / 60fps. Here’s how Shopify just pulled it off 👇
109
443
166
4,402
1,004,149
Everyone's talking about AI-generated HTML. But have you tried giving your sites a zero-config API for saving data, file storage, AI, websockets, etc? We did this at Shopify. Runs on a single VM that costs $200/month, and it's changed the way we work. We call it Quick 👇🧵
114
164
120
2,951
843,074
The wildest part? All of Quick runs on a single VM with a single cloud database. In a high-trust environment, all the complexity you'd normally engineer around simply disappears. This thing only works because its internal.
🤖 Made with AI
8
6
2
244
32,955
Since Quick launched in July 2025, we’ve collectively built more than 50,000 sites. Over 50% of employees have at least one Quick site. When you remove the barriers to build & share, it’s incredible what happens. More examples of how we’re using Quick : shopify.engineering/quick
17
10
10
421
52,093
This website is tearable.
458
803
219
11,104
841,244
Play with it here 👇 pushmatrix.github.io/tearabl… This doesn't use html-in-canvas (yet) because I wanted it to work on all devices. It's especially fun to tear using 2 fingers on mobile.
36
25
8
517
35,660
Huh, so that's why text is called a string
418
1,591
214
20,500
1,160,142
It works with multitouch too on mobile. Try it out here: pushmatrix.github.io/textstr…
22
15
388
32,714
Daniel Beauchamp retweeted
We just launched Shopify Editions Winter 2026 🎨 Here's the technical breakdown of how we built it 🧵
161
444
121
4,310
536,794
Hand tracking and pinch haptics feel surprisingly good for pinball This is all done in WebXR Try it at bfcm.shop/
10
25
5
218
31,367
Daniel Beauchamp retweeted
On the main @Shopify sphere, we also wanted dynamic clouds that flow naturally, whirling, forming and dissipating over time. Here's how we achieved that fluidity live nitter.cf/pushmatrix/status/1994…
This is three.js running on the Exosphere. 🤯 Rendering in realtime from a browser at 8K / 60fps. Here’s how Shopify just pulled it off 👇
3
19
1
264
25,404
Daniel Beauchamp retweeted
SHOPIFY SPHERE SHADER BREAKDOWN Here is how we rendered 8k 60fps video live on the sphere:
46
143
22
1,237
185,359
Can you run WebGL shaders in realtime on Sphere? Turns out you can. @Shopify just did it for visualizing realtime sales in a whole new way.
33
99
29
1,018
203,437
And all this being rendered in realtime. In a browser. At 8K 60fps. Using live data. 🤯
3
1
2
84
6,376
I still can’t believe it worked! Shopify turned Sphere into the world’s largest shader ball. Huge kudos to @spherevegas and @xordev for the collaboration that made this XO/Art piece possible! And be sure to check out how we did our live globe in threejs: nitter.cf/pushmatrix/status/1994…
This is three.js running on the Exosphere. 🤯 Rendering in realtime from a browser at 8K / 60fps. Here’s how Shopify just pulled it off 👇
1
2
88
7,970