Things that move, built properly.

Pieces

• Three treatments

  React island · motion

  One page of identical content under three different design languages, switched live. Built because describing a visual direction in a proposal is slower and less convincing than showing three of them.

• Flow field

  TypeScript · Canvas 2D · no framework

  A seeded particle field steered by value noise, with the simulation core kept as pure functions so it is unit-tested rather than eyeballed. No framework at all — this is the route that earns Astro’s per-page isolation.

• Merchant onboarding

  React island · @iamlukia/za-id

  A four-step application form done properly: real South African validation through my own published package, an error summary that works when you cannot see the fields, and an optimistic save that fails on purpose so the recovery path is something you can look at.

• Transaction explorer

  React island · seeded data · inline SVG

  A merchant dashboard over an invented ledger — filtering, sorting, payments arriving and settling, and charts drawn from geometry this repo measured rather than a library’s idea of a bar. Money is integer cents the whole way through, which is the part that matters.