Experiments – things built to learn something, not because a client asked
Meiro UI Kit – a design system as a living page
Meiro's Figma UI Kit rebuilt as a working component catalog: buttons, forms, tables, and navigation rendered in real HTML instead of static frames. Semantic-only tokens drive light and dark themes plus a full brand re-skin – switch them live and watch every component follow.
Open the catalog →Shader studies – a thermal wash over case-study art
A fragment-shader study recreating the thermal-camera wash from banknote-engraving bento cards: a domain-warped noise field drives a spectral gradient map that pools and drains over imagery from the case studies. Cursor adds local heat; palettes, flow, and grain are all live-tweakable, with PNG export.
Open the study →Bonfire Studios – a teardown rebuilt by hand
bonfirestudios.com read straight from its shipped CSS and JS, then rebuilt piece by piece: the layered diorama hero with canvas embers and mouse parallax, the directional underline button, the fluid-with-a-lock type scale, twelve-stop scrim gradients, and the preserve-3d tilt banner. Eight findings, five live recreations.
Open the study →Background studies – signal fields, rails, plasma, and gold
Four animated backgrounds with live control panels and PNG export. Signal fields rebuild Polar Signals' dithered flame-graph pattern; rails port a Pixel Point toolcraft hero renderer; plasma is React Bits' raymarched shader rewritten from ogl to raw WebGL2; and golden dots twinkle on concentric rings, sparkling at the rim.
Open the study →