An interaction-craft lab
Thoughts and ideas built into small interactions.
Each piece is held to the standard of shipped work.
Showcases
- Aa01 · Crafton this site
Design Languages→
One page of identical content redrawn in every design language on offer, switched live. Built because describing a visual direction in a proposal is slower and less convincing than showing it beside the alternatives.React island · motion - 02 · Crafton this site
Flow Field→
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.TypeScript · Canvas 2D · no framework - A CAMPAIGN · OFF-SITE03 · Craftplay.iamlukia.com
Circle Connect↗
A node-capture strategy game: connect a tower you hold to one you want, units stream down the beam until you cut it, and the last faction holding the board wins. Eight levels, saved progress, up to three AI rivals. The genre is mouse-only, unconditionally animated and mute to a screen reader everywhere it appears — this one is playable from the keyboard alone, never moves unasked under reduced motion, and says out loud what happened.React island · inline SVG · eight-level campaign - FOUR SHOWCASES · OFF-SITE04 · Paymentspayments.iamlukia.com
ZA Payments Demo↗
The four payments showcases now live on their own site: a merchant onboarding form that validates like the real one, a transaction explorer with a seeded ledger, a PayFast signature tracer that assembles the hashed string in front of you, and a webhook lifecycle you can drive through retry, backoff and dead-letter. They left here because four domain pieces on a craft site is a portfolio filed under the wrong heading, not because any of them was finished with.Astro 7 · React islands · its own site