Morphing Particle Swarm
A self-contained WebGL particle engine that morphs 20,000 particles between a sphere, cube, pyramid and torus. Real-time controls, GLB mesh surface sampling, and touch support in a single HTML file.
A working index of AI code experiments across generative interfaces, autonomous agents, and 3D.
A self-contained WebGL particle engine that morphs 20,000 particles between a sphere, cube, pyramid and torus. Real-time controls, GLB mesh surface sampling, and touch support in a single HTML file.
Earth rendered as a grid of dots, plotted from NASA Blue Marble land classification data on an equirectangular projection. Drag, zoom, and flick with momentum.
A live webcam feed stylized into a refreshing character grid. Density, single-character and custom ramp modes, with ITU-R BT.709 luminance mapping and snapshot capture.
A portfolio disguised as an MS-DOS terminal. Boot sequence, ASCII banner, command history, green and amber phosphor themes, CRT scanlines, and a few hidden commands. One HTML file, no dependencies.
Twenty years of creative work cataloged as 42 short screen recordings, playable inline and browsable as a slider, a list, or a modal player. Built with no framework and a vendored GSAP.
Conway's Game of Life rebuilt as an isometric voxel world. Click cells to seed them, then watch animated characters shift color across their lifecycle as the generations run.
A skeuomorphic 1950s typewriter in the browser. Hammer strikes, carriage return, paper scroll, and procedurally synthesized key sounds. No build step, no dependencies past two fonts.
A clockface that reads time across three circular tracks instead of two hands. Generated and iterated in Google AI Studio.
A countdown timer wrapped in a skeuomorphic dial you turn rather than type into. Built as an AI Studio app.
Time spelled out in a lit grid of letters, the classic word clock rendered as a component-driven web app. Another Google AI Studio generation.
A full-screen field of dots that lights up under the cursor and throws expanding ripple waves on click, displacing and coloring the grid as they pass. Canvas only, touch supported.
A gesture-based navigation experiment. Draw a shape on the canvas with the mouse and the gallery scrolls in the direction of the gesture, with the size of the shape setting how far it jumps.
A low-poly campus you walk through in third person. Buildings are keyed to HTML, CSS and JS on a map legend, with keyboard movement, click-to-walk and orbit controls.
A scroll-scrubbed ASCII animation on a fixed stage. Scroll position drives the character field while a grain overlay keeps it feeling like a bad CRT.
A registration screen with inline validation and autocorrection, generated with Magic Patterns to test how far prompt-to-UI tooling gets before hand editing starts.
A Claude Code skill that reviews design portfolios the way a hiring manager would. Feed it a URL or PDF and a seniority level, get back severity-coded findings on copy, IA, positioning, case studies, CTAs and the About page.
A context-aware UI/UX audit skill for Claude Code. Grades visual design, usability heuristics, UI patterns, human factors, UX copy and information architecture, adapting its criteria for mobile app, web app or marketing site and citing the standard behind every finding.