Hi, I'm Sean.
Co-founder & CTO at B3, building a crypto agent & decentralized inference — previously Coinbase. I sweat the small details in software, and leave the good parts (components, free tools & writeups) out in the open here.
Components
all →
ASCII Text
3D text rendered to a wavy three.js plane, then re-sampled every frame into live ASCII characters that shimmer and follow your cursor. From B3's ai-arena.
Compact Cartridge
A 2D game-cartridge card: a clip-path cartridge silhouette with layered noisy borders, an inset media well, a label tab, and a vertical Game NFT stamp. From basement.fun.
Loading Beam
A laser-beam loading bar: a fill that races to 100% on an eased, jittery curve with a flickering glow and a blurred light at the leading edge. Pure CSS. From basement.fun.
Infinite Terrain
An endless procedural WebGL scene — streamed grass, trees, and wind lines with a physics ball you steer — that you can reskin live across six moods: night, aurora, synthwave, sakura, ember, noir. Restyled from mesq's MIT r3f original.
Isometric Cube
An isometric 3D cube in pure CSS transforms — three faces tinted from one base color (lighter top, base front, darker right), optional logo on top, optional slow spin. Extracted from explorer.b3.fun.
App Icon
A glossy iOS-style squircle app icon: SVG squircle clip, a top sheen, an inset rim, and a glare that sweeps on hover. Extracted from explorer.b3.fun.
Writing
all →
Building a liquid-glass UI kit for the web
Glacé is a small React kit where the glass actually refracts — the edges bend the backdrop like a real lens, not just blur it. Here's the technique (displacement maps, per-element filters, edge profiles), the bugs along the way, and the honest caveats.
Building agents that live in your messages
Agents feel best inside the apps you already text in — iMessage, Telegram, WhatsApp, Slack. But iMessage gives you no buttons, and a Slack bot has to juggle many users and orgs at once. Two very different engineering problems, one goal: make the agent feel like a person. How to architect both, with the gotchas.
The honest guide to LLM model routing
Auto-routing picks a cheap model for easy prompts and a frontier model for hard ones — automatically. The papers claim 85–98% savings. An independent benchmark found a commercial router doing worse than no routing at all. The real number is ~20–25%, and here's exactly why.
Turning WebGL into ASCII, every frame
A three.js plane rendered to a hidden canvas, then read pixel-by-pixel and rewritten as ASCII characters in a <pre>. The trick is sampling the render at one pixel per glyph. From B3's ai-arena.
A loading bar that lurches like a real one
Real loads stutter — a burst, a pause, a crawl at the end. This pure-CSS laser beam fakes that with a hand-tuned width track and two offset flickering glows. No JS. Pulled from basement.fun.
A game cartridge card, in flat CSS
A 2D cartridge card with molded-plastic edges, built from one clip-path polygon stacked four times. No 3D, no canvas — just layered shapes, a noise texture, and a luminance-aware accent. Pulled from basement.fun.