Diego Macario

Software engineer at Shopify. Computer graphics hacker. I rendered my first teapot in 2016, and I haven't been able to stop since then.

[Daniel Beauchamp @pushmatrix]

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 👇🧵

[Daniel Beauchamp @pushmatrix]

This website is tearable.

[Arnaud Tanielian @Danetag]

We just launched Shopify Editions Winter 2026 🎨

Here's the technical breakdown of how we built it 🧵

[Diego Macario @maca_graphics]

Thanks to Shopify for another opportunity to build something beautiful and unusual. Every Black Friday we try to ship something magical. This year we shipped a pinball machine that reacted to live data. A lot of details are lost from afar, so here's a close-up 🙂

[Xor @XorDev]

SHOPIFY SPHERE SHADER BREAKDOWN

Here is how we rendered 8k 60fps video live on the sphere:

[Daniel Beauchamp @pushmatrix]

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.

[Daniel Beauchamp @pushmatrix]

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 👇

[Daniel Beauchamp @pushmatrix]

The Shopify Live Globe is back this Black Friday!

And we built a pinball game out of it.

It runs at 120fps in a browser with a full 3d environment, physics engine, VR support and more. 👀

[Daniel Beauchamp @pushmatrix]

These arcade cabinets are powered by three.js

Here are the 3 browser APIs that make this possible 👀

[Daniel Beauchamp @pushmatrix]

Shopify just launched a racing game built in threejs and React (R3F).

No physics libraries. No raycasts.

Not vibe coded. But all vibes. ✨

[Diego Macario @maca_graphics]

Working on Shopify's BFCM Globe with my friends is the most fulfilling thing I have done in my career. Thank you Shopify for the opportunity to work on beautiful and unusual things.

[Daniel Beauchamp @pushmatrix]

Every time a sale is made on @Shopify this Black Friday weekend, it shows up on this 3D globe.

It runs at 120fps in the web with a full 3D environment, physics engine, music synth, VR support, and more.

It’s hard to believe it's a React app 👀🧵

[tobi lutke @tobi]

Here we go!

🌐 BFCM weekend has officially started in the first time zones, so let's go live.

This is the best Live Globe experience yet. Beautiful. And what's even better than a bfcm globe? One in a room full with toys and tools to make it your own. We may have gotten a little bit carried away there... 😇

[Daniel Beauchamp @pushmatrix]

These fireworks are a single draw call 🤯

No particles. Just an instanced shader in threejs.

Here’s how 👇🧵

[Daniel Beauchamp @pushmatrix]

Take a look at how we built the Black Friday globe with react-three-fiber, threejs, and a ton of custom shaders.

The secret to performance is instancing!

Can’t wait to show you what we’re cooking up this year.

[Daniel Beauchamp @pushmatrix]

The hero on the latest @Shopify Editions page was all built with React Three Fiber. Here’s how we did it 👇

[Diego Macario @maca_graphics]

@shl @tobi @Shopify Man I think this tweet is crazy Sahil. Tobi is a great person. He cares about merchants and creators as much as you do. You are both on the same team. Don't let an algorithm push you to insult someone without knowing them 🙁

[Daniel Beauchamp @pushmatrix]

Can't believe I got this working 🤯

Live preview of a Blender scene with the Vision Pro.

[Daniel Beauchamp @pushmatrix]

Vision Pro Pinball

Pinch haptics work surprisingly well

[Diego Macario @maca_graphics]

@antimatter15 Never mind, I found this nice editor that lets you do that: https://t.co/LkMrXW1Xv5

Thank you!

[Diego Macario @maca_graphics]

@antimatter15 Kevin do you mind if I ask you, how did create these cropped splats? https://t.co/Cxl5FHG7jR

Lots of tools let you crop splats in the viewer, but none let you export cropped splats, so I'm curious how you did it. Thank you!