Sandbox
Working experiments in motion, interaction, and building.
Taste Buds
I wanted to ship an app by myself. Meal coordinating has always been a pain point for my family and friends. So I turned it into an "internal tool" for the family.
Introducing Taste Buds, a potluck planner app with just the right amount of new technical challenges for me to learn: Supabase backend, real-time updates, Google Places integration, and six-digit email authentication for login. I brought it to iOS with Capacitor.
Try a demo, tastebuds.party/demo
Custom toolbar
A floating toolbar that morphs in 3 different ways.
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 details with HTML prototyping. Making it easy to demonstrate idea to my engineering team.
Details include:
- Increase the catchment radius
- Scale down the collection on hover
- Gravity in the center of the folder
Interact with it
Slider
Another one from my morph surfaces series, the little studies where one bit of interface turns into another, this time two price handles that bump together, goo into a single pill, and stretch back apart. Try it with pinching.
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.
Music player
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
Radial reveal study
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 demo
Interactive drone flight meant to demo autonomous flight pilots can monitor from the couch.
