~/lab/nlewis-dev
nlewis.dev
nlewis.dev redesigned as a TUI. Keyboard-driven, with a live command prompt and animated boot sequences. Built on vanilla TypeScript and Astro.
notes
I wanted the redesign of nlewis.dev to resemble where I spend most of my time working: the terminal. A few things landed nicely that brought it all together: * Home screen menu and prompt: Try typing commands and exploring * Each screen is a /route animated via View Transition API * The LAB as a mini TUI with its own boot sequence, command prompt, and experiment runtimes Everything runs on vanilla TypeScript and React wired into Astro's page lifecycle. It should feel like one persistent session ## What I learned - You can do a lot without a framework, but sequencing animation timers definitely makes you appreciate them. - Balancing state between mouse, keyboard, and touch was definitely more tedious than I expected. - Astro is pretty amazing.
nlewis.devactivelive on this host
Floating Worldfloating-worldactiveReact Router · WebGL · Three.jsv0.1.0A React Router experiment where route transitions move you through a shared Three.js world.$ lab run floating-worldLooking Glasslooking-glassactiveReact · Three.js · WebGLv0.2.0A scroll-driven Three.js scene where images shift, separate, and become kinetic with velocity.$ lab run looking-glassnlewis.devnlewis-devactiveReact · TypeScript · Astrov1.0.20nlewis.dev redesigned as a TUI. Keyboard-driven, with a live command prompt and animated boot sequences. Built on vanilla TypeScript and Astro.$ lab run nlewis-dev
3 experiments — 3 active — 0 prototype — 0 concept