Astro-first architecture
A static shell keeps the page fast, with motion added only where the interaction earns its place.
Technology Research
This is where the more technical work lives: image generation, CSS 3D motion, live state, and the carousel behaviour that now stays out of the way of the main portfolio.
Built as a system
The page is a static shell with generated imagery and a small interaction layer, so the motion serves the work rather than fighting it.
A static shell keeps the page fast, with motion added only where the interaction earns its place.
The rail is rendered as a rotating cylinder with buttons, keyboard support, and drag input.
Generated imagery is shipped as real assets, so the site feels composed rather than placeholder-heavy.
Autoplay respects reduced motion and pauses on interaction, so the motion stays intentional.
The orbit, image overlays, and focus panel all share one visual language so the research page feels deliberate rather than ornamental.
Selected work
Drag, step, or let it move on its own. The active project lands in the centre panel, and the cards fall away into shadow as they rotate back.
A visual demo that uses computer vision to identify flowers and present the result clearly.