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 →
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.
Block Snake
A grid of streaming blocks that's also a playable snake game — the blocks are the food. Arrow keys / WASD / touch pad, wrap-around walls, grows on eat. Rebuilt from the explorer.b3.fun hero.
Dither
Bayer 4×4 ordered dithering on any image — 1-bit mono or per-channel to N levels — with an optional animated CRT subpixel mask. Canvas 2D, no deps. Extracted from ai-arena.
3D Cartridge
A draggable 3D game cartridge in pure CSS 3D transforms: spin it with a drag or swipe, snap to front/back, with the body color cast from an accent drop-shadow. Extracted from basement.fun.
Writing
all →
Read the recon list as a defense checklist
A list of email and social OSINT tools made the rounds framed for phishing. Flip it: the same tools are what an attacker runs before a targeted email, so run them on yourself first. What your address leaks, and how to shut it down.
Ordered dithering and a CRT mask, on a canvas
A Bayer 4×4 ordered dither that fakes more shades than you have, plus an animated CRT subpixel mask for the shimmering-phosphor look. Both are small canvas passes, no shaders. Pulled out of ai-arena.
Restyling someone's WebGL terrain into night mode
mesq shipped a gorgeous open-source infinite-terrain scene in r3f. I didn't rebuild it — I reskinned it. A new theme palette and moonlit lighting turn a sunny field into a midnight one. Same shaders, different mood.
Switch to cubic-bezier over ease and linear
A one-line upgrade for CSS animations: trade the default ease and linear for cubic-bezier(0.6, 0.6, 0, 1). It starts fast and settles slow, which reads as smooth. Push the curve past 1 and you get a bounce.
An isometric cube from one color and three divs
A 3D cube in pure CSS transforms — three faces pushed out with translateZ, shaded from a single hex by nudging HSL lightness. No canvas, no library, optional logo and spin.
A sparkly backdrop from one div and mask-composite
jhey's CSS trick: intersect a grid-of-dots mask with a Perlin-noise mask using mask-composite, then animate mask-position. The dots twinkle, and it's a single element instead of thousands of animated nodes.