Motion Playground
Playing with motion.
A side space for hands-on interaction design: state machines, micro-interactions, and interface behavior built in Rive, each one shipped from Figma source art through to an implementation-ready file. Click through to Contra for each piece.
Monkey Mascot
Interactive character mascot with three trigger-driven State Machine behaviors: red makes him wave, blue makes him eat a banana, purple makes him dance.
View on Contra→Onboarding Flow
A five-screen onboarding flow: sign-in, name capture, role picker, and a confetti finish, all driven by one state machine and view-model data binding.
View on Contra→Icon Grid
Nine Rive-animated icons that flip from flat monochrome to full-color illustrations on hover, each with a springy bounce. Icons designed in Figma.
View on Contra→NBA Opening Night
Interactive NBA opening night matchup card. Team logos sourced as Figma SVGs; hover reveals full color with an elastic bounce and a looping backdrop.
View on Contra→More of these live on Contra, along with the rest of my Rive work.
See the full profile on Contra →