// Live demos & motion experiments
Things that run in the browser — playable demos, motion studies, and the code behind the moving parts of this site.
Scroll ↓01 · Sample card — a website template as a collectible
Tilt on hover · tap or click the card to flip
A sunset drawn pixel by pixel into a raster buffer — smoothstep gradients, banded colour ramps, and a sun that sinks on its own clock. One custom element, no dependencies.
Canvas · Web ComponentA 144×256 pixel scene upscaled with no smoothing, so every pixel stays square. Ordered dithering fakes a deeper palette than it actually has — the trick old consoles used.
Dithering · Pixel ArtA walnut box of estate jewelry, modelled and lit in real time — the lid opens on its own, every piece highlights on hover and lifts out for inspection, and the whole scene rotates on drag. Built for Naples Estate Jewelry.
React · Three.js · GLBThe background of this page: thousands of particles streaming along an evolving curl-noise field, drawn additively so overlapping currents bloom instead of muddying. Strokes batch by colour to keep the draw-call count flat, and the cursor bends the field it moves through.
The homepage is one hand-drawn inline SVG — sunset, clouds, moon, bats, stars — driven by a single GSAP timeline scrubbed across a 6,000-pixel scroll runway. Three scenes hand off with visibility swaps, and a pin-release step passes the scroll back to the footer at the end.
Sixteen tiny canvas programs drive the mini-screens on every card row — radar sweeps, candlesticks, barcode scans, voxel type. One shared animation loop runs all of them, an observer parks the off-screen ones, and the scanline dressing is baked into the canvas rather than layered over it in CSS.