Diego Macario

We just launched Shopify Editions Winter 2026 🎨 Here's the technical breakdown of how we built it 🧵

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 🙂

SHOPIFY SPHERE SHADER BREAKDOWN Here is how we rendered 8k 60fps video live on the sphere:

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.

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 👇

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. 👀

These arcade cabinets are powered by three.js Here are the 3 browser APIs that make this possible 👀

Shopify just launched a racing game built in threejs and React (R3F). No physics libraries. No raycasts. Not vibe coded. But all vibes. ✨

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.

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

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... 😇

These fireworks are a single draw call 🤯 No particles. Just an instanced shader in threejs. Here’s how 👇🧵

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.

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

@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 🙁

Fuck you @tobi @Shopify

Can't believe I got this working 🤯 Live preview of a Blender scene with the Vision Pro.

Vision Pro Pinball Pinch haptics work surprisingly well

@antimatter15 Never mind, I found this nice editor that lets you do that: github.com/playcanvas/sup… Thank you!

@antimatter15 Kevin do you mind if I ask you, how did create these cropped splats? huggingface.co/cakewalk/splat… 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!

I implemented 3D Gaussian Splatting in WebGL. Check it out here: antimatter15.com/splat/

Chores 2.0