Sandbox

With AI, I’m diving into the parts of design I’ve always wanted to master. Parts that once felt highly specialized and out of reach. Now I can learn them the way I learn best, hands-on.

Taste Buds

I designed and built Taste Buds, a potluck planner app with a Supabase backend, real-time updates, Google Places integration, and six-digit email authentication. I brought it to iOS with Capacitor and gave it a distinct personality through a custom design system, 19 original mascots, and carefully tuned motion. Test it here

Custom Kit toolbar

Kit Bar Men’s home kit opens into jersey, shorts, and socks, the piece selector from a locker room customizer. No keyframes. A damped spring moves one progress value, and the path, the stretch, and the icon all read from it. Inspired by a morph study by Lorenzo Dossi.

Magnetic drop

Drag and drop can be nice! and with HTML prototyping, it's easy to demonstrate those ideas.

Increase the catchment radius, scale down the collection on hover, add a touch of gravity in the center of the folder. Interact with it

Parastichy loaders

Each new floret in a sunflower turns 137.5° from the one before it, which packs it evenly with no gaps. The spiral arms, called parastichies, usually come in neighboring Fibonacci numbers, like 34 and 55. Inspired by The Algorithmic Beauty of Plants. Alongside it is a set of twelve loading indicators built on the same rule, all running on one shared beat.

Morph Surface

I love thinking about how things change when interacted with. This one is a spring-driven shape morph between five surface states. Each transition runs on real physics, not a fixed duration. Inspired by Google's Material 3 Expressive.

Rock 'n roll

I started with a full turntable experiment, then distilled it into the little player in my portfolio’s navigation. Fewer controls, the same love of vinyl: a moving needle, a spinning record, and a line that follows the music. Explore richly, then decide what earns a place in everyday use.

Full turntable experiment

Portfolio player

Interactive Banner

The first vibe-coded piece I shipped end-to-end, from Lovable to Cursor to GitHub to Vercel. Started as a cool interacting header for my portfolio home and became a physics playground for hover, press, edge, and bounce. Every setting is really a velocity, damping, or bounce knob in disguise. View in browser

An experiment in taking my design craft closer to prototyping interests I previously couldn't. I built and shipped this motion playground end to end, from Lovable and Cursor through GitHub and Vercel, to explore motion, physics, and code. Every control ultimately shapes velocity, damping, momentum, or bounce.

Radial Reveal

A pure-CSS radial transition: tap anywhere and the next screen reveals from your finger. Inspired by Rauno Freiberg's work on radial transitions.

Drone Survey

Interactive drone flight meant to demo autonomous flight pilots can monitor from the couch.