Been fun collaborating on a web 3d rack explorer UI for @oxide.computer with @krystianzun.com. It always feels a little magic to have shared state between the main UI and the canvas so the user can interact with either.

Placeholder content and rack model coming soon.

Super simple Figma plugin that generates realistic mock content based on layer names with special patterns.

github.com/oxidecompute...

The hardest part, perhaps unsurprisingly is the typography. Inspired by the capsize library, it trims the top and bottom space out of the title. Then we can set the leading and type size as a multiple of grid cell height, which itself is sized in relation to the ASCII char size

Happy to say that we've (@oxide.computer) raised $100M for our Series B ... which was a wonderful excuse to work on this little featured blog header ASCII element. With text trimming, responsive text sizing and funky SDF coins

Page not found

Playing with more sophisticated code input bindings. Nested / object inputs. Uses regex so expecting some jank.

Try it here: mitos.shared.oxide.computer?template=coins

spin

"What's more hyper than hyper?"

Fixed sidebar toggle (mitos.shared.oxide.computer), partially inspired by the T3 Chat version

More code / input binding

Binding code variables to inputs with a commented annotation

tick

motion.dev layout animations melt my brain